Android和iPhone的文本缩放不同

Question

3

有没有已知的问题，即在 Android 和 iPhone 上字体大小不同步缩放的情况？

我的网站上，HTML 选择器设置了 107% 的字体大小。然后，在其下方添加了一个媒体查询，为小于 500 像素的屏幕将字体大小设置为 150%。

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

如果我重新添加媒体查询，文本会按预期变大，但在 iPhone 上，它变得非常巨大，几乎比在 Android 上看到的大了 50% 到 100%！它完全破坏了页面布局！！这种问题是否是移动设备中已知的问题，或者我可能存在某种复合单位问题？

- JamesHoux

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- marinbgd · Accepted Answer

那么，它是在纵向和横向模式下都出现了问题，还是只有在横向模式下出现了问题？因为在横向模式下，字体会因为默认浏览器行为而变大。也许一个是在纵向模式下，另一个是在横向模式下？

如果这是您的问题，解决方案可能是这样的>

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