-webkit-text-size-adjust有什么作用？

Question

我想了解-webkit-text-size-adjust:none;的使用情况。

添加/删除不影响我在android（chrome）或iOS（safari和chrome）上的字体大小。那有什么用呢？

Answer 1

-webkit-text-size-adjust

它指定如果您（作者）希望在缩放浏览器页面时调整文本大小。大多数情况下，最好将其设置为auto或100%，因为网络浏览器会处理如何调整文本大小。

注意：Mozilla devlopers页面显示为non-standard

此article会为您提供更多帮助。

有趣的说明：使用Twitter Bootstrap的开发者可能有兴趣知道Bootstrap开箱即用‑webkit‑text‑size‑adjust: 100%：Source Link

修改

Android手机上的Chrome使用font boosting，因此-webkit-text-size-adjust 被忽略 ，无论您设置什么值。您可以通过将max-height设置为较大的内容（100000px左右）来禁用字体提升功能，请参阅此bug。

Answer 2

-webkit-text-size-adjust是一个experimental technology，用于指定在iPhone上的Safari中显示文本内容的大小调整。它需要3种类型的值：

• none：未调整文字大小。

• 自动（默认）：iPhone上的Safari会自动调整文字大小。

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

只有部分移动浏览器支持iOS旁边的此CSS属性。您可以查看兼容性here

Answer 3

似乎没有任何已发布的-webkit-text-size-adjust规范，但有例如auto。一个非正式的description，它表示它适用于iPhone上的Safari。

根据CSS Mobile Text Size Adjustment Module Level（编辑草案），-webkit-text-size-adjust:none是初始值，因此-webkit-text-size-adjust仅在覆盖将属性设置为其他值的设置时才会生效。据推测，text-size-adjust的工作方式与计划的{{1}}属性大致相同。