【Web前端学习之路】web进阶（移动web）黑马课程笔记04

1、vw/vh

使用vw/vh单位设置网页元素的尺寸，完成移动适配。

vw/vh也是相对单位，是相对视口的尺寸计算的结果。

vw:viewport width，取值为视口宽度的1/100

vh：viewport height，取值为视口高度的1/100

注：在同一个元素中，宽高的单位不要混用vw/vh单位，最好都用vw，或者都用vh 因为全面屏的影响可能是缩放不是同比例

补充：rem与vw/vh的区别在于，rem是相对于页面根标签字号大小而言的单位，需要引入媒体查询视口大小，从而确定根标签字号（后引入flexible.js）；而vw/vh是直接相对于视口大小而言的单位，并不需要另外引入js文件。

2、响应式