×

新版谷歌(Chrome)设置字体大小问题

作者:Terry2013.12.05来源:Web前端之家浏览:15427评论:0

先前我们控制谷歌(Chrome)浏览器设置字体小于12px,比较简单,直接用:-webkit-text-size-adjust:none。

从谷歌(Chrome)浏览器更新到28版本后,此BUG就被修复了,上面的代码已经无作用呢,怎么办呢。最近也查看了些资料,发现一个方法可以解决:

  1. @media screen and (-webkit-min-device-pixel-ratio:0) {

  2.     .chrome-font-size{-webkit-transform:scale(0.9);}

  3. }

其实原理就是等比例缩小元素的大小,参数“0.9”你可以任意设置。

缺陷:

不适用于input,select,因为会把输入框以及下拉框也一起等比例缩小。

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/Chrome-font-size.html

网友评论文明上网理性发言已有0人参与

发表评论: