css可以弄出6px大小的字体吗？还是最小为12px？

html-css015

css可以弄出6px大小的字体吗？还是最小为12px？,第1张

最小应该是0，可以是任何大于等于0的整数之所以你以为最小是12，是因为谷歌浏览器限制了最小只能显示为12px，但是其他浏览器可以更小。如果页面坚持要用更小字体，可以用transform:scale缩小整个元素，就可以达到视觉效果，也是常用的做法。

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

style样式：

.fot{ font-size:9px}

div框架：

<div class="fot">

文字大小，文字大小，文字大小

</div>

既然最小支持到12px，那么就以12px为基点进行缩放，即可以使用到 css3里的一个属性：transform:scale(n),n为放大倍数。

这个属性前给-webkit-谷歌前缀，那么就可以控制字体的大小，代码如下：

<style>

p{font-size:10px-webkit-transform:scale(0.8)}

/*这里的数字0.8，是缩放比例，可以根据情况变化。*/

</style>

<p>中梦测试10px</p>

效果图：