px、em、rem、vw、vh有什么区别

基本概念
1px:像素pixel缩写
2em是相对单位，1em等于当前元素的1font-size的大小
3rem是css3新增的相对单位1rem==html的1font-size的大小
4vw和vh:是相对单位，1vw是视口宽度1%，1vh是高度1%（视口指去掉头尾）
vmax和vmin
vmax vh和vw中较大的值
vmin vh和vw中较小的值
手机横屏和竖屏时大小保持一致，可以考虑使用vmax或vmin