如何避免iOS自动调整字体大小?
我不是在谈论缩放页面,而是iOS上的MobileSafari自动碰撞某些字体大小有时。
到底什么时候完成了? 可以预防还是不鼓励?
body { -webkit-text-size-adjust: 100%; }
只要确保你所有的文字首先是清晰的大小。 iPhone和iPod touch有一个相当小的屏幕,请记住这一点。
有很多麻烦跟踪它,但:它是CSS中的-webkit-text-size-adjust
属性。
在这里阅读更多关于它和其他iOS特定的CSS 。
价值观:
- 百分比(默认大小),例如
120%
或100%
-
auto
(默认) -
none
– 如果auto
不适合你的网页。 但是,这通常会导致缩放问题。 改用100%
。 例如,在桌面上打开Safari并放大页面(Command-Plus) – 即使整个页面已经放大,文本也不会被放大! 不要使用none
!
请注意,这些不仅可以应用于页面级别,还可以应用于元素/窗口小部件/容器级别。
(我不会仅仅为我的网站指定一个100%
的值,除非我确定它已经在小屏幕上进行了优化,从来none
因为它会导致问题。)
请注意,在Firefox Mobile (例如Android和Firefox OS)中,有一个类似的属性-moz-text-size-adjust
, 这里logging 。 感谢科斯塔指出这一点。
显然微软也有这个移动IE版本: -ms-text-size-adjust
。
接受的答案是有效的,但是在其他webkit浏览器中,它会locking正在缩放的人的字体大小。 使用100%而不是无效的方式:
body { -webkit-text-size-adjust: 100%; }