【问题标题】:What does -webkit-text-size-adjust do?-webkit-text-size-adjust 有什么作用?
【发布时间】:2013-03-29 11:19:42
【问题描述】:

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

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

【问题讨论】:

  • 删除不会改变任何东西,因为none 是默认值。
  • 我认为auto 是默认值。
  • 这个问题不是关于意见或情感价值 - 而是一个清晰而直接的“我试过 xyz,它似乎没有影响,所以帮助我社区了解 xyz。 " - 应该重新打开。

标签: android ios css webkit


【解决方案1】:
-webkit-text-size-adjust

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

注意:Mozilla 开发者页面显示其为 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

【讨论】:

  • 只需阅读引导说明。但老实说,我认为我的问题仍然没有答案。现在我了解到使用none 对桌面浏览器不利,但它究竟如何影响移动浏览器?我只是没有看到将属性设置为 none 的任何变化。
  • 你用的是什么浏览器?
  • iOS 6 (ipad) 上的 safari+chrome 和 android 4.2 (nexus) 上的 chrome
【解决方案2】:

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

  • none:文字大小未调整。

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

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

除了 iOS 之外,只有部分移动浏览器支持此 CSS 属性。您可以检查兼容性here

【讨论】:

    【解决方案3】:

    似乎没有任何已发布的-webkit-text-size-adjust 规范,但有例如非正式的description,表示它可以在 iPhone 上的 Safari 中使用。

    根据CSS Mobile Text Size Adjustment Module Level(编辑草案),auto 是初始值,因此-webkit-text-size-adjust:none 仅在覆盖将属性设置为不同值的设置时才会生效。大概-webkit-text-size-adjust 的工作方式与计划中的text-size-adjust 属性大致相同。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-10-20
      • 2020-06-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-05-11
      相关资源
      最近更新 更多