android - Android 和 iPhone 的文本缩放比例不同

Question

font-size 在 Android 和 iPhone 上以不同方式缩放是否存在任何已知问题？

我有一个在 HTML 选择器上设置了 107% 字体大小的站点。然后我在它的正下方有一个 media query，它为小于 500px 的屏幕将 font-size 设置为 150%。

如果我删除媒体查询并在 Iphone 和 Android 上查看页面，107% 大小的文本在两种设备上看起来大小相当。

如果我重新添加媒体查询，文本会按预期在两个设备上变大。然而，在 iPhone 上，它变得很大，以至于它比在 Android 上出现的要大将近 50% 到 100%!它完全打破了布局!这发生在布局中各处的所有文本元素上。

这是移动设备的已知问题还是我遇到了某种复合单位问题？

Answer 1

嗯，它是纵向和横向模式，还是只有横向模式？因为，在横向上，字体会根据浏览器的默认行为变大。也许一个是纵向模式，另一个是横向模式？

在这里查看> Preserve HTML font-size when iPhone orientation changes from portrait to landscape

如果这是你的问题，解决方案是这样的>

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