iphone - ipad和iphone 5c横屏模式: text looks bigger than usual and line breaks are wrong

Question

查看this site时

这个:

小屏幕正确换行。它也适用于横向模式下的 iphone 5c 和 ipad 自动换行(添加换行符)。这是错误的。这句话可以在一行中完成。

字体也变大了。

我的 HTC One S 在横向模式下不会发生换行/换行。

是否有工具可以帮助我找出这些违规行为？

知道这个问题是什么吗？

注意:这被使用:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

编辑 我在网站上应用了修复程序，现在我听说它看起来不错。给出的答案解决了问题(当应用 100% 而不是 none 时)

Answer 1

Apple 设备(我可能认为 Android 设备上的 Chrome 也这样做)有一种非常有趣的方式在页面上呈现文本，字体会自动增加大小以在纵向和横向中保持相同的“流动”，因为它帮助用户不会忘记当前正在阅读的行。

完全禁用调整大小的方法是使用以下 CSS 规则:

html {
    -webkit-text-size-adjust: none;
}

但是，此行为仅适用于使用元标记 user-scalable=no 固定缩放的移动页面，并且在桌面缩放时会破坏某些桌面浏览器

您可能想要的是在每个缩放比例中保持字体大小不变。如果您在 CSS 中添加以下内容，那么您将获得所需的内容。

html {
    -webkit-text-size-adjust: 100%;
}