2013-04-07 28 views
9

我想了解使用-webkit-text-size-adjust:none;-webkit-text-size-adjust做什么?

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

+1

删除不会更改任何内容,因为'none'是默认值。 – MarcinJuraszek 2013-04-07 09:56:13

+2

我以为'auto'是默认的。 – user1437328 2013-04-07 10:07:51

+3

这个问题不是关于意见或情感价值 - 而是一个清晰而直接的“我试过xyz,它似乎没有影响,所以帮助我社区了解xyz。” - 应该重新开放。 – 2015-01-13 00:41:25

回答

1

似乎没有任何公布的规范-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属性相同。

3

-webkit-text-size-adjustexperimental technology指定在iPhone上的Safari中显示文本内容的大小调整。它需要3种类型的值:

  • 无:文本大小未被调整。

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

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

只有一些移动浏览器确实支持iOS旁边的CSS属性。您可以检查兼容性here

6
-webkit-text-size-adjust 

它规定,如果你(作者)希望在浏览器页面被放大的调整文字大小。大多数情况下,最好将其设置为auto100%,因为网络浏览器将处理如何调整文本大小。

注:Mozilla的devlopers页说,它的一个non-standard

article将帮助你。

有趣,注意:使用Twitter Bootstrap开发商可能有兴趣知道,引导使用‑webkit‑text‑size‑adjust: 100%开箱:在Android手机上Source Link

编辑

Chrome使用font boosting,所以-webkit-text-size-adjust被忽略无论您设置什么样的价值,都可以使用。您可以通过将max-height设置为大(100000px左右)来查看此bug来禁用字体增强功能。

+0

只读了bootstrap说明。但说实话,我认为我的问题仍然没有得到答案。现在我了解到使用'none'对桌面浏览器不利,但它是如何严重影响移动浏览器的?我只是没有看到设置属性为'none'的任何更改。 – user1437328 2013-04-07 10:15:59

+0

您使用的浏览器是什么? – 2013-04-07 10:17:04

+0

safari + iOS 6(ipad)上的chrome和android 4.2(nexus)上的chrome – user1437328 2013-04-07 10:17:40