"-webkit-text-size-adjust"是做什么用的？

Question

我正在尝试理解 -webkit-text-size-adjust:none; 的用途。

在安卓（Chrome）或iOS（Safari和Chrome）上添加或删除这个属性不会影响我的字体大小。那么它的作用是什么呢？

- user1437328

---

移除不会改变任何东西，因为 none 是默认值。 - MarcinJuraszek

我认为auto是默认设置。 - user1437328

这个问题并不涉及观点或情感价值，而是一个明确且直截了当的问题：“我尝试了xyz，但好像没有什么作用，请社区帮助我理解xyz。” - 应该重新开放。 - Timothy Khouri

Answer 1

-webkit-text-size-adjust

它指定了当浏览器页面缩放时，如果您（作者）想调整文本大小。大多数情况下最好将其设置为auto或100％，因为Web浏览器会处理如何调整文本的大小。

注意：Mozilla开发者页面说这是非标准的。

此文章将为您提供更多帮助。

有趣的注释：使用Twitter Bootstrap的开发人员可能会感兴趣知道，Bootstrap默认使用 -webkit-text-size-adjust：100％：来源链接 编辑 Chrome在安卓手机上使用字体增强，因此无论你设置什么值，-webkit-text-size-adjust都会被忽略。您可以通过将max-height设置为较大的值（100000px左右）来禁用字体增强，查看这个bug。

- Amandeep Jiddewar

---

只是阅读了引导笔记。但说实话，我认为我的问题仍然没有得到解答。现在我知道在桌面浏览器中使用 none 是不好的，但它对移动浏览器有什么影响呢？我只是看不到将属性设置为 none 会有任何变化。 - user1437328

你正在使用哪个浏览器？ - Amandeep Jiddewar

iOS 6（iPad）上的Safari + Chrome和Android 4.2（Nexus）上的Chrome。 - user1437328

Answer 2

-webkit-text-size-adjust是一项实验性技术，用于指定在iPhone上的Safari中显示文本内容的大小调整。它有三种类型的值：

• none：不调整文本大小。

• auto（默认）：自动调整Safari在iPhone上的文本大小。

• 要在iPhone上的Safari中显示文本的百分比大小。

除iOS之外，只有一些移动浏览器支持此CSS属性。您可以在这里检查兼容性。

- Eli

Answer 3

似乎没有任何关于-webkit-text-size-adjust的公开规范，但是有一个非正式的描述，它说在iPhone上的Safari中有效。

根据CSS Mobile Text Size Adjustment Module Level（编辑草案），auto是初始值，因此只有当覆盖将属性设置为不同值的设置时，-webkit-text-size-adjust:none才会产生影响。据推测，-webkit-text-size-adjust的工作方式基本与计划中的text-size-adjust属性相同。

- Jukka K. Korpela