Chrome浏览器上如何设置小于12PX的字体？

Question

今天把字体设置成小于12px文字时候，谷歌浏览器Google Chrome就不能显示出CSS所设置小于12px的文字字体效果，任然显示的12PX的大小，通过审查元素发现设置的字体大小并没有被覆盖，这是什么回事？

Answer 1

你这个方法不错，非常感谢！

Answer 2

-webkit-text-size- adjust 已经被废除了，写了也没有用。

Answer 3

写了这个没有用啊？

Answer 4

听说在新版本的CSS中，已经有min-font-size/max-font-size控制最小/最大字体大小，这样就方便多了。

Answer 5

在 CSS Mobile Text Size Adjustment Module Level 1 规范中，text-size-adjust 的取值如下：

取值：auto | none |
默认值：auto（iPad 默认值是 none[1]）
继承性：有

该属性最先是由 iOS 1.0 引入的，所以本来就是解决移动设备上的问题而出现的。通常 iPhone（iOS4）横屏时，-webkit-text-size- adjust 的值约为140%。所以如果想取消 iOS 设备横屏切换时候字号变大，正确的用法应该是：

-webkit-text-size-adjust:100%;

Answer 6

新版本的谷歌浏览器需要使用 CSS 的缩放属性，强制缩放元素，就达到了缩放字体的效果。

transform:scale(0.875);

Answer 7

-webkit-text-size-adjust:none; 已经被废了，在新版本中的谷歌浏览器里面没有效果啊。

Answer 8

这个是为了考虑视觉障碍的人吧，像有的近视，就需要大字体才能看的清楚，使用-webkit-text-size-adjust:none;就能解决。