针对谷歌浏览器中字体大小设置低于12px时显示不变的问题，本文介绍了一种使用transform缩放的方法来实现更小字体的显示，并探讨了该方法可能引起的元素位置偏移问题及解决方案。
前言
chrome
谷歌浏览器默认的字体大小为16px；可以通过设置font-size来设置字体大小但是当设置到12px以下的时候字体大小不再改变；对于想设置其他大小的字体就很头疼，本文参考网上的方法，并对该方法以及原理介绍；并对该方法的弊端进行阐述并提出一种合适的解决办法。
1.适用对象
block或者inline-block；
2.方法（该方法先以p标签举例）
方法: 通过设置transform:scale();
局限性：标签会发生移动（可以参考下面的代码和图片）;
解决办法：设置transform-origin;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style media="screen">
*{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<p>
我是p
</p>
</body>
</html>
扫一扫
169
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
