CSS设置10px大小字体

最近遇到了一个打印的需求,要求字号为10px,由于chrome有限制,css设置的字体大小最小为12px。网上给出来的解决方案是用scale进行缩放,但这个操作没有cover到对文本的换行计算,导致文本每行文本的后面都有大部分留白。
比较ok的解决方案是

.font-size-10px{
	font-size:20px;
	zoom:0.5;
}

需要注意,firefox不支持room属性,不过firefox对字体的大小是没有限制的,根据浏览器类型切换下样式就行。

你可能感兴趣的:(css,firefox,chrome)