Chrome下设置字号小于12号
Chrome设置字号不能小于12px,小于12px,会以12显示,在最新的谷歌浏览器中已经修复了这个bug。
如果解决这个问题呢?
可以用Chrome的私有属性禁用浏览器文字大小调整:-webkit-text-size-adjust:none;
移动端chrome/safari目前依然支持-webkit-text-size-adjust属性;
PC新版chrome已经禁止更改该属性了,我们可以使用CSS3的:transform:scale(0.75); (12*0.75=9)
谷歌使用 -webkit-transform:scale(0.75);
来进行缩放,但是这个使得包裹文字的容器也缩小了
.chrome_adjust { font-size: 9px; -webkit-transform: scale(0.75); -o-transform: scale(1); //针对能识别-webkit的opera browser设置 }
另外,我们最好判断一下是否是谷歌浏览器,再添加这个类
var isChrome = !!window.chrome;
相关推荐
echoes 2020-08-20
RainyX 2020-07-26
sunshineboyleng 2020-07-08
程序员俱乐部 2020-06-28
zhanghao 2020-06-16
e度空间 2020-06-11
sunshineboyleng 2020-06-04
bertzhang 2020-06-02
xtuhcy 2020-05-20
tichangde 2020-05-19
sunshineboyleng 2020-04-27
coulder 2020-03-07