為什麼我的文字在 iPhone 上的 Safari 中顯示得比預期大？

iPhone 上Safari 中的字體大小不一致

儘管設定了明確的字體大小，但您可能會遇到iOS 上的Safari將某些文字顯示得更大的情況超出預期，即使font-size 值較小。此異常現象可以追溯到 Safari 的預設行為，即自動調整被認為太小而無法在行動裝置上閱讀的文字大小。

使用 -webkit-text-size-adjust 解決問題

要避免此問題，您可以使用 CSS 屬性 -webkit-text-size-adjust。透過設定-webkit-text-size-adjust: 100%;在 body 元素上，您指示 iPhone 上的 Safari 遵循您指定的字體大小，從而覆寫其自動縮放。以下是範例實作：

@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}

此媒體查詢以最大寬度為 480 像素的裝置為目標，確保 -webkit-text-size-adjust 屬性僅適用於 iPhone 螢幕。透過在此媒體查詢中停用 Safari 的自動縮放，您可以確保所有文本，無論其字體大小如何，都將按照樣式表中的指定進行渲染。

以上是為什麼我的文字在 iPhone 上的 Safari 中顯示得比預期大？的詳細內容。更多資訊請關注PHP中文網其他相關文章！