前言
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>