![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
天蓬老师Correction status：qualified
Teacher's comments：
Collection
Collection
实例如下图
<head><style>body{font-size: 20px;}h1:first-of-type{font-size: 1em;}h1:last-of-type{font-size: 1rem;}</style></head><body><h1>em样式</h1><h1>rem样式</h1></body>
| 单位 | 说明 |
|---|---|
| vw：viewpoint width | 视窗宽度，1vw等于可视窗口宽度的1% |
| vh：viewpoint height | 视窗高度，1vh等于可视窗口高度的1% |
| vmin | vw和vh中较小的那个 |
| vmax | vw和vh中较大的那个 |
实例如下图
em,rem,vh,vw都是相对大小，不是绝对大小。
em是相对于父元素的字体大小，rem是相对于根元素(html)的字体大小。
vh是相对于视口高度的大小,vw是相对于视口的宽度大小。
如果用户使用的是移动设备，可以根据竖屏横屏来调整当前页面，可以使用vmax,vmin。相对于rem;em在页面布局上更加方便简单
