最近工作中遇到了一个坑，就是在chrome中设置的字体小于12xp的时候，最终显示的仍然是12xp：

而Firfox，IE则不会出现这种情况；因此这样会导致各浏览器显示出现差异。

也就是说Chrome限定了最小字体是12xp！！

于是在网上找到一下解决方案，最初是的方案是设置-webkit-text-size-adjust:none来解决这个问题，但又听说从Chrome27开始-webkit-text-size-adjust属性就被移除了。

而现阶段仍然有效的解决方案是使用-webkit-transform属性，通过缩放元素来强制实现字体缩小的目地。

比如你要设置的字体是10xp，那么缩放的元素比例则是10:12（10/12=0.83333333333333），故10xp在Chrome应该这样设置：

font-size: 10px;
-webkit-transform: scale(0.833333);

* 但这样又会引起另外一个的问题，就是margin-left属性也相应的缩小了，而为了修复这个问题，还需要添加设置-webkit-transform-origin-x: 0来修正。

如下可以使用Chrome点击访问:http://codepen.io/mjj2000/pen/BrjeD,来查看这个修复最小12xp字体的例子程序。

参考：

http://mjj.logdown.com/posts/39967-set-css-font-size-less-than-12px-in

http://blog.xuite.net/vexed/tech/59449347-Chrome+font-size+%E5%B0%8F%E6%96%BC+12px