介绍
传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性
从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量单位
利用这些新的单位开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等
区别
px:固定的像素值,不随屏幕的大小改变而改变。em:相对长度单位，相对父元素的字体大小。如果没有指定父元素的font-size，则使用浏览器的默认设置。任意浏览器的默认字体高都是 16px。rem:相对长度单位，相对根元素的字体大小,根元素是HTML元素vh/vw:窗口宽度和高度的百分比，1vh等于视口高度的1%，1vw等于视口宽度的1%。vh/vw非常有用，因为指定这些单位的元素随着视口的大小而调整大小，这非常适用于响应式设计。x
- 在桌面端，指的是浏览器的可视区域
- 移动端指的就是布局视口
vm:视口的最小尺寸的百分之1。在大多数情况下，vm等同于vw或vh，但在某些方向被限制的情况下（例如，当固定的高度和最小宽度相对于视口是不同的），vm可以很方便。%:百分比宽泛的讲是相对于父元素大小。
`
总结：大功告成✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️