简单区分px，em，rem

最新推荐文章于 2024-04-01 00:34:53 发布

kris.jack

最新推荐文章于 2024-04-01 00:34:53 发布

阅读量135

点赞数

本文链接：https://blog.csdn.net/kristinajack/article/details/118098376

版权

px：html中css的一个绝对单位；

em：相对于父元素的字体大小的单位（1em=父元素的font-size）；

rem：相对于根元素的字体大小的单位（1em=根元素的font-size）。

注意：em和rem都是相对单位。

下边用一个简单的例子区别px,em,rem

例：
<style>
html{font-size: 20px;}
div{font-size: 2em;}
.s1{
font-size: 2em;
}
.s2{
font-size: 2rem;
}
</style>
</head>
<body>
<div>
<span class="s1">国</span>破山河在<span class="s2">城</span>春草木深
</div>
</body>
其中html为根标签，div为s1，s2的父标签