style样式:
.fot{ font-size:9px}
div框架:
<div class="fot">
文字大小,文字大小,文字大小
</div>
font-size最小值一般为12px(12像素),部分浏览器在处理font-size时,低于 12px 的,一律按 12px 显示。但是允许你把 font-size 设置为 0
既然最小支持到12px,那么就以12px为基点进行缩放,即可以使用到 css3里的一个属性:transform:scale(n),n为放大倍数。
这个属性前给-webkit-谷歌前缀,那么就可以控制字体的大小,代码如下:
<style>p{font-size:10px-webkit-transform:scale(0.8)}
/*这里的数字0.8,是缩放比例,可以根据情况变化。*/
</style>
<p>中梦测试10px</p>
效果图: