vw 相对于视窗的宽度:视窗宽度被平均分为100vw,即width:1vw相当于width:1%,此1%不是父元素的1%而是视窗的1%。
vh 相对于视窗的高度:视窗高度被平均分为100vh。
vmin vw和vh中较小的那个被均分为100单位的vmin,应用场景举例:用于移动设备横屏竖屏的显示时。(强烈建议移动设备的用vmin单位)
vmax vw和vh中较大的那个被均分为100单位的vmax。
注意,“视区”所指为浏览器内部的可视区域大小,即window.innerWidth/window.innerHeight
大小,不包含任务栏标题栏以及底部工具栏的浏览器区域大小。
px:相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
rem:相对长度单位。r’是“root”的缩写,相对于根元素<html>的字体大小。
em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。