如解释here，Apple iPhone（即Safari）在视区更改时（即，从纵向到横向或反之亦然）重新缩放字体大小。CSS：禁用iPhone上字体大小的自动缩放
接受的回答这个问题说，为了禁止这种行为，应该加上：
-webkit-文字大小调整：无;
（注：其他职位我也看到了“100％”，而不是“无”，这可能是最好的，但区别似乎这里无关紧要。）
因此，主要是我的问题，为什么，当我认为在我的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>
不过，我也想有它确认了苹果iPhone - 可能还有其他苹果设备 - 就是这样只有设备显示这个（对我来说很烦人）的行为......这是真的吗？如果我的网站（即字体大小）在其他移动设备上渲染不同（并且我不完全信任在线模拟器），我无法在我的iPhone上正确测试，因此我觉得很烦人。
谢谢。
看来这个解决方案是正确的..但根据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;
您可以在这里找到更多的信息。
https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust
