1.em :1em 等于当前的字体尺寸。2em 等于当前字体尺寸的两倍。例如，如果某元素以 12pt 显示，那么 2em 是24pt。在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。
原文如下：
div{
font-size:1.5em;
}
2.rem: 相对长度单位。r’是“root”的缩写，相对于根元素<html>的字体大小。
原文如下：
.div3{
font-size:1.5rem;
}
3.px: 像素 (计算机屏幕上的一个点)。相对长度单位，是相对于显示器屏幕分辨率而言。
4.fr：fr 单位是一个自适应单位，fr单位被用于在一系列长度值中分配剩余空间，如果多个已指定了多个部分，则剩下的空间根据各自的数字按比例分配。
原文如下：
.grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 10px;
}