rem与CSS中的em有何区别？

一尘不染

css

在网站资源中，我有时看到开发人员使用该rem单元。类似于em吗？我尝试过查看它的实际作用，但是它相对于什么呢？

HTML

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

CSS

div {
    font-size: 1.4rem;
}

div p {
    font-size: 1.4rem;
}

阅读 271

2020-05-16

共1个答案

一尘不染

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

REM相对于基本字体大小

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

2020-05-16