基础单位

CSS常用有5种单位

px - 一个绝对像素单位，对应的是一个像素点一个值，由于只能手机高分辨率的普及，px作为尺寸单位场景越来越少
em - 是一个以倍数单位，根据父级元素的px单位计算的尺寸单位，实际尺寸等于父级px*em的值
rem - 跟em相似，也是以倍数*px作为单位，但其不是根据父级，是根据root，即 html 标签作为基准，比em更好管理和使用
vh/vw - 全称是viewport width 和viewport height，是指只实际可视区域的高度和宽度，用来填充背景经常用到，而且作居中非常方便
vmax/ vmin - 全称是 viewport max size和 viewport min size，是指可视区域最大的尺寸和最小的尺寸，在经常旋转的设备上可以非常好的控制元素不会超出可视范围