hi,欢迎访问本站!
当前位置: 首页Web前端正文

设置网页字体小于12px的方法

墨初 Web前端 470阅读

在制作web页时,由于项目需要要将字体设置为10px,但有的浏览器比如谷歌是无法直接设置低于12px的字体的,即使设置了浏览器也不会渲染。不过我们也可以通过一些其它的方法来实现。

CSS设置小于12px的字体的方法

CSS可以通过 transform 属性中的 scale 来缩放字体。

例1:

CSS设置字体为10px,只需要在12px的基码上缩放到0.85即可。

<div class="small">我的字体大小为10px</div>
<style>
    .small{ 
        font-size: 12px;
        transform: scale(0.85);
    }
</style>

例2:

CSS设置字体为6px,只需要在12px的基码上缩放一半即可。

<div class="small">我的字体大小为 6px</div>
<style>
    .small{ 
        font-size: 12px;
        transform: scale(0.5);
    }
</style>

PS: scale只是缩放大小,但在一些特定的样式下可能会出现问题。

标签:
声明:无特别说明,转载请标明本文来源!
相关推荐