首页 > 代码库 > chrome字体小于12px
chrome字体小于12px
在项目中需要兼容Firefox、chrome、Safari浏览器,主要在于字体大小<12px时的兼容,之前已经在css中加入了-webkit-transform=scale(0.75);-webkit-transform-origin=0 0;样式实现chrome中字体大小为9px。但是今天发现Safari本身是可以实现字体大小<12px,却同样受到css样式的影响,于是9px的字体在safari上显示出来的只有9*0.75=6.75px大小了,最终决定采用浏览器判断+jQuery中的.css( )方法来控制字体大小,
1 if (/chrome/i.test(navigator.userAgent.toLowerCase( ))) {2 $(‘.stepps‘).css({‘-webkit-transform‘:‘scale(0.75)‘,‘-webkit-transform-origin‘:‘0 0‘});3 }
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。