window.screen.height //屏幕高度,667
window.innerHeight //网页视口高度,553
document.body.clientHeight //body高度,网页内容的高度根据网页内容决定
vh网页视口高度的1/100
vw网页视口宽度1/100
vmax取两者(vh/vw)最大值
vmin取两者(vh/vw)最小值
rem是什么?
px,绝对长度单位,最常用
em,相对长度单位,相对于父元素,不常用
rem,相对长度单位,相对于根元素,常用于响应式布局
响应式布局的常用方案
media-query,根据不同屏幕宽度设置根元素font-size
rem,基于根元素的相对单位
rem的弊端:“阶梯性”