css怎样设置文本最小字体

html-css012

css怎样设置文本最小字体,第1张

选择指定的文字后,然后再给这段文字添加属性值:

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>

效果图: