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

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;
}
posted @ 2017-02-16 15:45  牧歌-  阅读(743)  评论(0编辑  收藏  举报