-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 devlopers页面说它是非标准的

该文章将帮助您更多.

有趣的说明:使用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 中工作。

\n\n

根据CSS Mobile 文本大小调整模块级别（Editor\xe2\x80\x99s Draft），auto是初始值，因此-webkit-text-size-adjust:none仅当它覆盖将属性设置为不同值的设置时才会产生效果。据推测， -webkit-text-size-adjust其工作方式与计划中的财产大致相同text-size-adjust。

\n