您的位置:首页 > Web前端 > CSS

[Chrome](CSS) 解决Chrome font-size 小于 12px 无效

2017-02-16 15:45 701 查看
Chrome中
font-size
小于 12px 会失效。

解决的办法一种是:
-webkit-text-size-adjust:none;
(但是Chrome27之后取消了支持)

利用CSS3的缩放

.fsize {
font-size: 12px;
-webkit-transform-origin-x: 0;
-webkit-transform: scale(0.90);
}

12px * 0.9 = 10.8px


要使IE7、8生效的话,可以再添加个
font-size
样式:

.ie-fsize {
font-size: 10.8px;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: