响应式

rem

rem是一个长度单位

px是绝对长度单位最常用，

em相对长度单位，相对父元素，不常用，

rem相对长度单位，相对根元素，常用与响应式布局。

@media 媒体查询，根据屏幕大小，设置根元素字体大小，从而设置该屏幕大小下的别的元素的大小。

vw\vh

网页视口尺寸

window.screen.height//屏幕高度

widow.innerHeight//网页视口高度

document.body.clientHeight//body高度

vh 网页视口高度的百分之一

vw网页视口宽度的百分之一

vmax取上面两个的最大致 vmin上面两者取其最小