html字体小于12px解决方案

移动端页面显示12px 以下显示效果！！！ （见下图）

 8px 大小完美呈现出来了~~~

图2

左侧图2可以看出谷歌浏览器下 css设置字体大小为12px及以下时，显示都是一样大小，都是默认12px;
浏览器为了页面显示效果，不支持12px以下字体大小的（文字太小影响页面布局及美观），

但可以另辟蹊径例如，利用 css3缩放属性scale()设置8px

transform: scale(0.8);    12px*0.8 = 9.6px;
display:inline-block;   / / 内联元素需要设置此属性

利用css3的缩放，其最终大小就是：12px * 0.8（缩放比例） = 9.6px; 

注意：如果是行内元素需要给元素定义display:block;属性