為什麼 iPhone 上的 Safari 瀏覽器中的字體大小比預期的要大？

iPhone 上Safari 中的字體縮放不一致

在某些情況下，使用者會遇到iPhone 上Safari 中呈現的字體大小存在差異。即使指定的值較小，字體大小也會顯得比預期大。此行為引發了有關潛在 CSS 或技術限制的問題。

說明：

iPhone 上的 Safari 採用自動文字縮放機制，旨在提高較小螢幕上的可讀性。然而，當特定字體大小看起來比其他字體大時，儘管數字存在差異，但此功能可能會導致不一致。特別是當指定的字體大小被認為太小而無法實現最佳易讀性時，尤其會發生這種情況。

解決方案：

要解決此問題，請使用 CSS 屬性 -webkit -文字大小調整。此屬性可讓您覆寫 Mobile Safari 的自動文字縮放。若要停用 iPhone 的縮放，請套用下列 CSS：

<code class="css">@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: 100%;
  }
}</code>

透過將 -webkit-text-size-adjust 屬性設定為 100%，您可以指示 Safari 不要縮放 body 元素內的文字對於iPhone。這可確保所有指定的字體大小（包括設定為 13px 和 15px 的字體大小）無需修改即可渲染。

以上是為什麼 iPhone 上的 Safari 瀏覽器中的字體大小比預期的要大？的詳細內容。更多資訊請關注PHP中文網其他相關文章！