如何避免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%; }