CSS如何设置谷歌浏览器字体小于12px

第一种方法

在浏览器的设置中修改,不过只能修改自己的浏览器字体大小,用户的不行
在这里插入图片描述
点击设置
CSS如何设置谷歌浏览器字体小于12px_第1张图片

找到自定义字体

在这里插入图片描述

修改字体大小

在这里插入图片描述

第二种方法

使用2D转换
scale()
当我们想设置字体大小为6px的时候
大家要记住,只能在块盒与行块盒中设置,行盒设置不了

p {
    font-size: 12px;
    transform: scale(0.5);
    transform-origin: left center;
}

只需做乘法运算即可

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

你可能感兴趣的:(css,前端)