适用于Android和iPhone的文本缩放比例

时间:2012-12-08 15:11:33

标签: android iphone css font-size

在Android和IPhone上font-size缩放比例是否存在任何已知问题?

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

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

如果我重新添加媒体查询,则文本会在预期的两个设备上变大。然而,在iPhone上,它变得如此之大,以至于比它在Android上出现的几乎高出50%到100%!它完全打破了布局!这种情况发生在布局中的所有文本元素上。

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

1 个答案:

答案 0 :(得分:1)

嗯,无论是纵向还是横向模式,还是只在风景中? 因为在横向上,默认浏览器行为会使字体变大。也许一个人处于纵向模式,另一个处于风景中?

在此处查看此信息> Preserve HTML font-size when iPhone orientation changes from portrait to landscape

如果这是您的问题,解决方案就像>

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