Chrome下字体显示不能小于12px的解决方法

今天工作的时候，发现的一个问题，于是在网上查找相关信息，还真是有解决办法呢，亲自试过了好使

添加一个webkit的私有属性：

.class{-webkit-text-size-adjust:none;}

不建议使用全局属性：

html{-webkit-text-size-adjust:none;}

而是有针对性的对我们需要定义字体小于12px的地方去使用这个webkit的私有属性。

当你放大或缩小网页的时候，被定义了-webkit-text-size-adjust:none;的部分字体是不会跟着变化的，会保存不变，你定义的是全局，那么整个网页的字体就不会改变了，对体验不好，所以还是哪里需要定义哪里，那样相对范围就小很多了，只会对定义的地方失去缩放功能