css中的字体单位换算

NehzUs

已于 2022-06-27 18:52:50 修改

阅读量163

点赞数

文章标签： css

于 2022-04-25 20:18:37 首次发布

本文链接：https://blog.csdn.net/m0_62903673/article/details/124412247

版权

在css中常用的字体单位除了像素px就是em rem 那他是怎么换算的呢？

1em就是指父级标签字体的大小

<style>
        div{
            font-size: 30px;
        }
        p{
            font-size: 1.3em;
        }
</style>


<body>
    <div>我是父级
        <p>我是子级</p>
    </div>
</body>

结果如下：

1rem是1个html标签字体的大小。

<style>
        div{
            font-size: 30px;
        }
        p{
            font-size: 1.3rem;
        }
</style>

<body>
    我是html字体
    <div>我是父级
        <p>我是子级</p>
    </div>
</body>

结果如下：