css 响应式

px rem em vh vm

1. px: 像素，相对长度单位，适当对于屏幕分辨率
2. rem:相对长度单位，相对于根html,一般默认1rem = 16px,若设置根字体为font-size:100px,那么1rem = 100px,2rem = 200px
3. em:相对长度单位，相对于父节点，若父节点font-size: 10px; 1em=10px
4. vh:css新特性，view height简称，相对于视口的高度，视口被分为100单位的vh(浏览器可视区域)100vh = 可视区域高度
5. vw:css新特性，view width简称，相当于于视口的宽度，视口被分为100单位的vw,100vw = 可视区域宽度
6. vmax:取vh,vw两者的最大值；vmin:取vh,vw两者的最小值

网页视口尺寸

1. 屏幕高度:window.screen.height
2. 网页视口高度:window.innerHeight 3.body高度:doucument.body.clientHeight