需要提前明白的概念：视窗

 

先明白一个名词：视窗

     视窗(Viewport)是你的浏览器实际显示内容的区域，即不包括工具栏和任务栏的网页可视区域大小。

视窗单位：vw、vh、vmin、vmax

 

vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，值为数字n，表示占据视窗大小的n%。

vw、vh、vmin、vmax 具体描述

 

vw：视窗宽度的百分比（1vw 表示视窗宽度的 1%）

 

vh：视窗高度的百分比 （1vh 表示视窗高度的 1%）

 

vmin：当前 vw 和 vh 中较小的一个值

 

vmax：当前 vw 和 vh 中较大的一个值

vw举例说明

vw：视窗宽度的百分比（1vw 表示视窗宽度的 1%）

 

 

vh举例说明

vh：视窗高度的百分比 （1vh 表示视窗高度的 1%）

 

 

vh+vw混合使用说明

vmin与vmax举例说明

vmin：当前 vw 和 vh 中较小的一个值

vmax：当前 vw 和 vh 中较大的一个值

 

标签：单位 vmin vw