css解决谷歌,360浏览器默认最小字体为12px问题
2016-07-15 14:13
465 查看
当我们设置前台html页面样式问题字体小于12px;时,会发现不管怎么设置小于12px字体,在谷歌、360浏览器上都不生效。
但在火狐等浏览器上却可以正常设置,当你打开谷歌360的设置后会发现,它们设置的默认最小字体为12px,若小于12px
即不会生效(真坑,但坑有坑的解决办法)。如图所示:
解决办法:
既然最小支持到12px,那么就以12px为基点进行缩放,即可以使用到 css3里的一个属性:transform:scale(n),n为放大倍数。
具体步骤如下:
细心的你会发现,我上面代码中写了两个<span>,又对里层的<span>定义了一个class类b,并设置字体大小为想要的大小,其作用是作用于非谷歌,360浏览器的字体大小。
错误之处,还望指正!
但在火狐等浏览器上却可以正常设置,当你打开谷歌360的设置后会发现,它们设置的默认最小字体为12px,若小于12px
即不会生效(真坑,但坑有坑的解决办法)。如图所示:
解决办法:
既然最小支持到12px,那么就以12px为基点进行缩放,即可以使用到 css3里的一个属性:transform:scale(n),n为放大倍数。
具体步骤如下:
<style> .a{font-size:10px;-webkit-transform:scale(0.8);}/*0.8为缩放的比例大小*/ .b{font-size:8px;} </style> <span class="a"> <span class="b">我就是要比12px小</span> </span>
细心的你会发现,我上面代码中写了两个<span>,又对里层的<span>定义了一个class类b,并设置字体大小为想要的大小,其作用是作用于非谷歌,360浏览器的字体大小。
错误之处,还望指正!
相关文章推荐
- 关于css的float
- iOS夜间模式,换肤,换字体样式
- CSS书写规范、命名规范、网易CSS框架NEC
- CSS font-family 字体介绍,\5b8b\4f53 表示“宋体”
- css3实现帧动画
- div+CSS ID的命名规范和习惯
- css rect
- css 权重
- css自动换行如何设置?url太长会撑开页面
- css3绘制腾讯logo
- sass调试--页面看到sass文件而不是css文件问题
- HTML/CSS 自定义开关按钮控件(switch)样式
- 纯CSS小三角制作
- 7.15 css与js 选择奇偶子元素的区别
- css 旋转
- CSS元素隐藏“失效”以其妙用
- css常用字体
- CSS3 border
- 史上最全的CSS hack方式总结
- HTML-CSS常用样式文本溢出处理效果