chrome字体小于12px
2014-09-03 21:29
225 查看
在项目中需要兼容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字体定义的解决方案
- 解决中文版Chrome下不能显示小于12px的字体
- 谷歌 字体小于12, Chrome谷歌浏览器下不支持css字体小于12px的解决办法
- 解决中文版Chrome下不能显示小于12px的字体
- Chrome下字体显示不能小于12px的解决方法
- 解决中文版Chrome下网页不能显示小于12px字体
- 前端修炼手札:Chrome下CSS字体大小设置小于12px无效
- 关于chrome的字体怎么设置小于12px的问题
- chrome字体小于12px
- 使Chrome使用小于12px的字体。
- chrome字体小于12PX无法显示的解决方法
- 解决chrome字体不能小于12px (一道简单的面试题)
- 怎么让Chrome支持小于12px 的文字?
- 让谷歌浏览器的字体小于12px
- 解决360浏览器和谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- Chrome下font-size小于12px的解决办法
- 解决chrome浏览器CSS字体大小小于12px不起作用的方法
- google浏览器字体小于12px解决方法
- 【原创】CHROME 最小字体限制为12PX的终极解决方案
- Chrome浏览器下CSS字体大小设置小于12px无效问题