rem在CSS中与em有什么不同?

前端之家收集整理的这篇文章主要介绍了rem在CSS中与em有什么不同?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在网站源代码中,我有时看到开发人员使用rem单位。它类似于em吗?我试着看看它实际上是什么,但它是相对于什么?

Demo

HTML

<div>Hello <p>World</p></div>

CSS

div {
    font-size: 1.4rem;
}

div p {
    font-size: 1.4rem;
}

解决方法

EM相对于其父级的字体大小

REM相对于基本字体大小

当中间容器更改字体大小时,这一点很重要。具有EM的子元素将受到影响,使用REM的子元素将不受影响。

原文链接:https://www.f2er.com/css/220638.html

猜你在找的CSS相关文章