如何在方向更改期間保持 iPhone 上一致的超連結字體大小？

在iPhone 方向變化的情況下保持超連結的字體大小一致性

問題描述

當列表元素中的超連結發生劇烈變化時，行動Web 應用程式面臨著特殊的挑戰當裝置在縱向和橫向模式之間轉換時字體大小會發生變化。在縱向模式下，字體大小可以適當地設定為 14 像素，但當裝置旋轉時，它會令人不安地擴展到 20 像素。

解

此行為由 -webkit-text- 控制大小調整 CSS 屬性。若要停用此功能並保留所需的字體大小，請實現以下程式碼：

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

此程式碼確保即使方向發生變化，字體大小也保持不變，同時仍允許使用者根據需要進行放大。

其他資訊

有關 -webkit-text-size-adjust 屬性的更多詳細信息，請參閱 Safari Web 內容指南。

以上是如何在方向更改期間保持 iPhone 上一致的超連結字體大小？的詳細內容。更多資訊請關注PHP中文網其他相關文章！