Android 和 iPhone 的文本缩放不同

Posted 2023-03-06

【中文标题】Android 和 iPhone 的文本缩放不同

【英文标题】：Text Scaling Different for Android and iPhone

【发布时间】：2012-11-26 13:22:56

【问题描述】：

font-size 在 android 和 iPhone 上的缩放比例是否存在任何已知问题？

我在html 选择器上设置了一个字体大小为 107% 的网站。然后我在它下面有一个media query，它将字体大小设置为 150%，用于小于 500 像素的屏幕。

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

如果我重新添加媒体查询，文本在两个设备上都会按预期变大。然而，在 iPhone 上它变得如此之大以至于它比它在 android 上显示的要大 50% 到 100%！它完全打破了布局！布局中所有文本元素都会出现这种情况。

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

【问题讨论】：

+1 问题的好处

【参考方案1】：

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

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

如果这是您的问题，解决方案类似于>

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

【讨论】：

您，先生，是我的移动救星！出于某种原因，我在样式表中已经有了 -webkit-text-size-adjust 代码，我认为它只是用于 webkit 的字体大小替代方案。我使用不正确，因为我一定是从某个地方复制了它作为代码的 sn-p！我真是个新手！感谢您提请我注意！