vh和vw

一，前言

1.vh和vw是一种视窗单位，也是相对单位，是css3新增的一种自适应方案

二，vw和vh

1.vw和vh和百分比类似，1vw代表1%，100vw代表100%

1. 不同于css的百分比相对于父元素，vw和vh表示的百分比是相对于视口

（1）对于pc端，vw和vh相对于浏览器的可视区域（承载网页的区域），100vh是浏览器可视区域的最大高度,100vw是浏览器可视区域的最大宽度

（2）当将页面内嵌于iframe时，vw和vh相对于iframe的可视区域（iframe的大小），100vh是iframe的最大高度，100vw是iframe的最大宽度

Vw:视区宽度百分值

Vh:视区高度百分值

Vmin:取Vw或Vh中较小的那一个

Vmax:取Vw或Vh中较大的那一个