3

font-size在 Android 和 iPhone 上进行不同的缩放是否存在任何已知问题?

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

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

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

这是移动设备的已知问题还是我发生了某种复合单元问题?

4

1 回答 1

1

那么,它是在纵向和横向模式下,还是仅在横向模式下?因为,在横向中,默认浏览器行为字体会变大。也许一个是纵向模式,另一个是横向模式?

请在此处查看 > 当 iPhone 方向从纵向更改为横向时保留 HTML 字体大小

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

html {
  -webkit-text-size-adjust: 100%;
}
于 2012-12-08T15:45:29.637 回答