px，%，em，rem，vw，vh，vm，wmin，vmax

• px
  最常用，相对屏幕的分辨率而言的相对单位

• %
  一般相对父元素而言

• em，rem
  em相对父元素的font-size
  rem相对根元素（html）的font-size

• vw，vh
  vw相对屏幕可视区域的宽度而言，若屏幕宽1000px则1vw=1000 / 100 = 10px
  vh相对屏幕可视区域的高度而言，和vw同，高度 / 100

• vm，vmin，vmax
  vm和vmin相同，vm兼容性差，相对宽和高中最小的那一个而言，(width > height ? height : width) / 100
  vmax恰恰相反，取宽和高中最大的那一个，再除以100，(width > height ? width ：height) / 100

标签：em,vh,px,vm,height,width,相对,vw,100
来源： https://www.cnblogs.com/Lilc20201212/p/15854258.html