為什麼我的 iPhone Safari 中的字體大小會改變，我該如何控制它？

iPhone Safari 字體大小渲染差異

在某些情況下，iPhone 上的Safari 會忽略某些字體大小設置，從而導致出現意想不到的字體大小變化。這個問題提出了一個問題：為什麼會出現這種情況？ Safari/iPhone 中是否存在缺少字體大小支援的元素？

說明：

觀察到的字體大小差異源於Mobile Safari 中的一種機制，該機制會自動縮放它認為太小而無法獲得最佳可讀性的文字。此行為旨在改善較小智慧型手機螢幕上的閱讀體驗。

解決方案：

要覆寫此自動縮放並強制執行所需的字體大小，您可以使用 CSS屬性-webkit-文字大小調整。透過將其值設為 100%，您可以確保文字將以指定的字體大小呈現，即使在 iPhone 上也是如此。

以下程式碼片段示範如何應用此解決方案：

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

透過將此程式碼合併到CSS 中，您可以控制iPhone 上的文字渲染並防止Safari 變更適用於其他設備或環境的字體大小。

以上是為什麼我的 iPhone Safari 中的字體大小會改變，我該如何控制它？的詳細內容。更多資訊請關注PHP中文網其他相關文章！