style样式:
.fot{ font-size:9px}
div框架:
<div class="fot">
文字大小,文字大小,文字大小
</div>
最小应该是0,可以是任何大于等于0的整数之所以你以为最小是12,是因为谷歌浏览器限制了最小只能显示为12px,但是其他浏览器可以更小。如果页面坚持要用更小字体,可以用transform:scale缩小整个元素,就可以达到视觉效果,也是常用的做法。既然最小支持到12px,那么就以12px为基点进行缩放,即可以使用到 css3里的一个属性:transform:scale(n),n为放大倍数。
这个属性前给-webkit-谷歌前缀,那么就可以控制字体的大小,代码如下:
<style>p{font-size:10px-webkit-transform:scale(0.8)}
/*这里的数字0.8,是缩放比例,可以根据情况变化。*/
</style>
<p>中梦测试10px</p>
效果图: