CSS：在 iPhone 上禁用字体大小的自动重新缩放答案

【问题标题】：CSS: Disabling automatic rescaling of font-size on iPhoneCSS：在 iPhone 上禁用字体大小的自动重新缩放
【发布时间】：2016-04-23 23:40:24
【问题描述】：

正如here 所解释的，Apple iPhone（即 Safari）会在视口发生变化时（即从纵向变为横向，反之亦然）重新调整字体大小。

对该问题的公认答案是，为了禁用这种行为，应该添加：

-webkit-text-size-adjust: 无；

（注意：在其他帖子中，我也看到了“100%”而不是“none”，这可能更可取，但这里的区别似乎无关紧要。）

因此，我的主要问题是为什么当我在我的 iPhone 上查看以下 HTML 测试文件时，与纵向视图相比，固定大小的字体在横向上仍然呈现得更大：

<!doctype html>
<html>
    <head> 
        <meta charset="utf-8"> 
        <title>Untitled Document</title> 
        <style> 
            p { 
              font-size:24px;
             -webkit-text-size-adjust:none;
             } 
        </style> 
    </head>
    <body> 
        <p>This is an example text</p> 
    </body>     
</html>

但是，我还想确认 Apple iPhone - 可能还有其他 Apple 设备 - 是唯一显示这种（对我来说，很烦人的）行为的设备......这是真的吗？

顺便说一句，我觉得这很烦人，因为如果我的网站（即字体大小）在其他移动设备上呈现不同（而且我不完全信任在线模拟器），我无法在我的 iPhone 上正确测试。

谢谢。

【问题讨论】：

标签： css iphone font-size portrait

【解决方案1】：

看起来这个解决方案是正确的.. 但根据 Mozilla 的说法，它仍然是实验性的。

这些是您可以尝试的全部值，但开发人员仍在努力使移动算法正确，以免遇到问题。也许其他值之一对您更有效。

/* Text is never inflated */
text-size-adjust: none;

/* Text may be inflated */
text-size-adjust: auto;

/* Text may be inflated in this exact proportion */
text-size-adjust: 80%;

/* Global values */
text-size-adjust: inherit;
text-size-adjust: initial;
text-size-adjust: unset;

【讨论】：

感谢您的回复，但由于禁用显然对上述问题的提问者有效，我仍然不明白为什么它对我不起作用。另外，对我来说，这是关于 iPhone/Safari（即 webkit）而不是 Mozilla（即 Firefox），尽管我从您的回答中得知 Firefox 可能会发生类似的事情？
@Holland 在查看原始帖子时，我会尝试使用 100% 而不是无，因为有更多研究支持其正确性。我引用了 developer.mozilla，因为他们在跟踪整个生态系统方面做得很好，而不仅仅是 mozilla。我很理解你的沮丧。追踪移动 CSS 错误可能非常令人沮丧。我希望 100% 对你有用。