chrome字体小于12px

最新推荐文章于 2024-07-12 09:17:21 发布

CherryTchen

最新推荐文章于 2024-07-12 09:17:21 发布

阅读量272

点赞数

分类专栏：前端乱炖

本文链接：https://blog.csdn.net/tintinchen/article/details/39033389

版权

前端乱炖专栏收录该内容

44 篇文章 1 订阅

订阅专栏

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