前端页面常用的长度单位：px、vw、vh、em、rem

1. px

像素，常用的固定长度单位，一旦设置了就无法因为适应页面大小而改变。

1. vw和vh

vw和vh是视口(可视窗口)单位，是相对长度单位。

相对于视口的宽度和高度，1vw 等于视口宽度的1%，总视口宽度为100vw； 1vh 等于视口高度的1%，总视口高度为100vh。

vmin : 选取 vw 和 vh 中最小的那个。

vmax : 选取 vw 和 vh 中最大的那个。

1. em和rem

em和rem具有灵活性，是相对长度单位，适用于响应式布局。

em和rem的区别一句话概括：em相对于父元素，rem相对于根元素。