如何防止 iPhone 網站在方向轉換期間字體大小改變？

在iPhone 方向更改期間保留HTML 字體大小

在iPhone 上顯示網頁時，切換時經常會遇到字體大小變化的情況縱向和橫向之間。要解決此問題並保持一致的超連結字體大小，請考慮以下解決方案：

HTML:

<ul>
    <li>

CSS:

ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #cc9999;
}

確保超連結字體大小無論方向如何保持不變，加入下列CSS屬性：

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

此屬性停用自動調整文字的預設行為尺寸是基於方向。因此，即使在縱向和橫向模式之間切換，超連結字體大小也將保持在指定值（本例中為 14px）。

以上是如何防止 iPhone 網站在方向轉換期間字體大小改變？的詳細內容。更多資訊請關注PHP中文網其他相關文章！