浏览器默认的最小大小为12px,如何改成更小的字体

使用transform属性进行缩放:

     transform:scale()；

      例子：

.small-font{ 
    font-size:12px; 
    transform: scale(0.90);
    transform-origin:0 0; 
    -ms-transform: scale(0.90); /* IE 9 */ 
    -ms-transform-origin:0 0; /* IE 9 */ 
    -webkit-transform: scale(0.90); /* Safari 和 Chrome */ 
    -webkit-transform-origin:0 0; /* Safari 和 Chrome */ 
    -moz-transform: scale(0.90); /* Firefox */ 
    -moz-transform-origin:0 0; /* Firefox */ 
    -o-transform: scale(0.90); /* Opera */ 
    -o-transform-origin:0 0; /* Opera */ 
}

注意:transform:scale()这个属性只可以缩放可以定义宽高的元素，而行内元素是没有宽高的，我们可以加上一个display:inline-block;