1、chrome游览器限制了字体大小,所以不管怎么设置,始终都是最小12px。

2、可以使用CSS3里的transform属性来应对这个问题,如图代码。scale表示转换宽高比例大小。

3、使用transform属性有个问题,它也会影响宽高,这样会对布局产生影响,如图效果。这是因为transform:scale()只能对块元素设置,设置后宽高也会比例缩放。

4、使用translate方法改变位置,如图效果,在Chrome游览器中成功改变字体大小。

5、以前可以使用Chrome的CSS私有属性-webkit-text-size-adjust:none; 来取消Chrome的字体限制。但是,在chrome更新到27版本之后就删除了这个属性。

6、注意:-webkit-text-size-adjust:none;,只对英文才有效,对中文无效。
