码迷,mamicode.com
首页 > 其他好文 > 详细

chrome字体小于12px

时间:2014-07-22 23:30:17      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   for   re   c   

在项目中需要兼容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 }

 

chrome字体小于12px,布布扣,bubuko.com

chrome字体小于12px

标签:style   blog   color   for   re   c   

原文地址:http://www.cnblogs.com/cherrychen/p/3861387.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!