如何避免iOS自动字体大小调整？

Question

我不是在谈论缩放页面，而是iOS上的MobileSafari有时会自动碰到一些字体大小。

究竟是什么时候完成的？可以预防或劝阻吗？

Answer 1

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

首先要确保所有文字都清晰可读。 iPhone和iPod touch的屏幕相当小，所以请记住这一点。

Answer 2

跟踪它有很多麻烦，但是：它是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。

Answer 3

接受的答案有效，但在其他webkit浏览器中，它会锁定font-size以供缩放的人使用。使用100%而不是无效两种方式：

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