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

Question

我试图了解-webkit-text-size-adjust:none;.

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

Answer 1

-webkit-text-size-adjust

它指定如果您（作者）想要在缩放浏览器页面时调整文本大小。大多数情况下，最好将其设置为auto或100%Web 浏览器将负责调整文本大小的方式。

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

本文将为您提供更多帮助。

有趣的注释：使用Twitter Bootstrap的开发人员可能有兴趣知道 Bootstrap‑webkit‑text‑size‑adjust: 100%开箱即用：Source Link

编辑

Android 手机上的 Chrome 使用字体增强，因此无论您设置什么值-webkit-text-size-adjust都会被忽略。您可以通过设置max-height大的东西（100000px或左右）来禁用字体增强，请参阅此错误。

Answer 2

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

• none：不调整文字大小。

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

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

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

Answer 3

似乎没有任何发布的规范-webkit-text-size-adjust，但有一个非正式的描述，它说它可以在 iPhone 上的 Safari 中工作。

根据CSS Mobile Text Size Adjustment Module Level (Editor's Draft)，auto是初始值，因此-webkit-text-size-adjust:none只有当它覆盖将属性设置为不同值的设置时才会生效。据推测 ，其工作方式与计划中的财产-webkit-text-size-adjust大致相同。text-size-adjust