首页 >> 前端工具 >> css3:transform:scale(n)解决谷歌,360浏览器默认最小字体为12px问题
css3:transform:scale(n)解决谷歌,360浏览器默认最小字体为12px问题
发布时间: 2019年11月17日 | 浏览:
| 分类:前端工具
css3:transform:scale(n)解决谷歌,360浏览器默认最小字体为12px问题
当设置前台html页面样式问题字体小于12px;时,会发现不管怎么设置小于12px字体,在谷歌、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>