在Android和IPhone上font-size
缩放比例是否存在任何已知问题?
我在HTML
选择器上设置了一个107%字体大小的网站。然后我在它下面有一个media query
,它将字体大小设置为小于500px的屏幕的150%。
如果我删除媒体查询并在Iphone和Android上查看该页面,那么这两种设备上107%大小的文本大小相当。
如果我重新添加媒体查询,则文本会在预期的两个设备上变大。然而,在iPhone上,它变得如此之大,以至于比它在Android上出现的几乎高出50%到100%!它完全打破了布局!这种情况发生在布局中的所有文本元素上。
这是移动设备的已知问题,还是我发生了某种复合单元问题?
答案 0 :(得分:1)
嗯,无论是纵向还是横向模式,还是只在风景中? 因为在横向上,默认浏览器行为会使字体变大。也许一个人处于纵向模式,另一个处于风景中?
在此处查看此信息> Preserve HTML font-size when iPhone orientation changes from portrait to landscape
如果这是您的问题,解决方案就像>
html {
-webkit-text-size-adjust: 100%;
}