我们以前控制过谷歌(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,因为输入框和下拉框的比例会一起缩小。