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;
}