我想了解使用-webkit-text-size-adjust:none;
。-webkit-text-size-adjust做什么?
添加/删除不会影响我在android(chrome)或iOS(safari和chrome)上的字体大小。那有什么用?
我想了解使用-webkit-text-size-adjust:none;
。-webkit-text-size-adjust做什么?
添加/删除不会影响我在android(chrome)或iOS(safari和chrome)上的字体大小。那有什么用?
似乎没有任何公布的规范-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
属性相同。
-webkit-text-size-adjust
是experimental technology指定在iPhone上的Safari中显示文本内容的大小调整。它需要3种类型的值:
无:文本大小未被调整。
自动(默认):iPhone上的Safari会自动调整文本大小。
以百分比表示在iPhone上的Safari中显示文本的大小。
只有一些移动浏览器确实支持iOS旁边的CSS属性。您可以检查兼容性here
-webkit-text-size-adjust
它规定,如果你(作者)希望在浏览器页面被放大的调整文字大小。大多数情况下,最好将其设置为auto
或100%
,因为网络浏览器将处理如何调整文本大小。
注: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来禁用字体增强功能。
只读了bootstrap说明。但说实话,我认为我的问题仍然没有得到答案。现在我了解到使用'none'对桌面浏览器不利,但它是如何严重影响移动浏览器的?我只是没有看到设置属性为'none'的任何更改。 – user1437328 2013-04-07 10:15:59
您使用的浏览器是什么? – 2013-04-07 10:17:04
safari + iOS 6(ipad)上的chrome和android 4.2(nexus)上的chrome – user1437328 2013-04-07 10:17:40
删除不会更改任何内容,因为'none'是默认值。 – MarcinJuraszek 2013-04-07 09:56:13
我以为'auto'是默认的。 – user1437328 2013-04-07 10:07:51
这个问题不是关于意见或情感价值 - 而是一个清晰而直接的“我试过xyz,它似乎没有影响,所以帮助我社区了解xyz。” - 应该重新开放。 – 2015-01-13 00:41:25