最近遇到了一个打印的需求,要求字号为10px,由于chrome有限制,css设置的字体大小最小为12px。网上给出来的解决方案是用scale进行缩放,但这个操作没有cover到对文本的换行计算,导致文本每行文本的后面都有大部分留白。
比较ok的解决方案是
.font-size-10px{
font-size:20px;
zoom:0.5;
}
需要注意,firefox不支持room属性,不过firefox对字体的大小是没有限制的,根据浏览器类型切换下样式就行。
最近遇到了一个打印的需求,要求字号为10px,由于chrome有限制,css设置的字体大小最小为12px。网上给出来的解决方案是用scale进行缩放,但这个操作没有cover到对文本的换行计算,导致文本每行文本的后面都有大部分留白。
比较ok的解决方案是
.font-size-10px{
font-size:20px;
zoom:0.5;
}
需要注意,firefox不支持room属性,不过firefox对字体的大小是没有限制的,根据浏览器类型切换下样式就行。