先前我们控制谷歌(Chrome)浏览器设置字体小于12px,比较简单,直接用:-webkit-text-size-adjust:none。
从谷歌(Chrome)浏览器更新到28版本后,此BUG就被修复了,上面的代码已经无作用呢,怎么办呢。最近也查看了些资料,发现一个方法可以解决:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.chrome-font-size{-webkit-transform:scale(0.9);}
}
其实原理就是等比例缩小元素的大小,参数“0.9”你可以任意设置。
缺陷:
不适用于input,select,因为会把输入框以及下拉框也一起等比例缩小。
网友评论文明上网理性发言已有0人参与
发表评论: