27

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

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

4

3 回答 3

18
-webkit-text-size-adjust

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

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

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

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

编辑

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

于 2013-04-07T10:08:25.143 回答
8

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

  • none:不调整文字大小。

  • 自动(默认):文字大小会自动为 iPhone 上的 Safari 调整。

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

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

于 2013-04-07T10:07:54.687 回答
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

于 2013-04-07T10:06:33.510 回答