CSS3 - chrome,傲游,360极速浏览器不支持小于12px的字号的解决办法

google流量器chrome,傲游,360极速浏览器都是基于webkit内核浏览器,默认不支持小于font-size小于12px 的字号,即定义font-size小于12px时会发现字体大小依然是12px,解决办法,只需要在css文件的body{}里面增加-webkit-text-size-adjust 样式为 none 即可,如下:

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

但是最新版本的google浏览器已经不支持-webkit-text-size-adjust了,我们可以通过css3的scale来缩放,所以我们最好定义一个独立属性。

.fontshrink{-webkit-text-size-adjust:none;-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}

这样只需要在我们需要缩放的标签上加上这个classname的引用就可以了。

posted @ 2015-09-08 17:46  小数  阅读(395)  评论(0编辑  收藏  举报