我不谈论缩放页面,而是iOS上的MobileSafari自动碰撞某些字体大小的方式。
确切地说,这样做了吗?可以预防或劝阻吗?
答案 0 :(得分:80)
body {
-webkit-text-size-adjust: 100%;
}
首先确保所有文字都清晰可读。 iPhone和iPod touch的屏幕相当小,所以请记住这一点。
答案 1 :(得分:27)
跟踪它有很多麻烦,但是:它是CSS中的-webkit-text-size-adjust
属性。
Read more about it and other iOS-specific CSS here
值:
120%
或100%
auto
(默认)none
- 如果auto
不适合您的网页。 但是这通常会导致缩放问题。请改用100%
。例如,在桌面上打开Safari并缩放页面(Command-Plus) - 即使整个页面已缩放,您的文字也不会放大! 不要使用none
!请注意,这些不仅可以应用于页面级别,还可以应用于元素/小部件/容器级别。
(我不会为我的网站指定100%
的值,除非我确定它已经针对小屏幕进行了优化,而且从不none
,因为它会导致问题。)
请注意,在 Firefox Mobile (例如Android和Firefox OS)中,有一个类似的属性-moz-text-size-adjust
,documented here。感谢Costa指出这一点。
显然,微软也有一个适用于移动IE的版本:-ms-text-size-adjust
。
答案 2 :(得分:13)
接受的答案有效,但在其他webkit浏览器中,它会锁定font-size
以供缩放的人使用。使用100%
而不是无效两种方式:
body {
-webkit-text-size-adjust: 100%;
}