em

说明

em是一个相对单位，相对于当前元素的font-size文字大小，若当前元素未指定大小，则按照父元素字体大小设置【或浏览器默认字体大小，网页中默认字体大小16px、最小字体大小为12px】

vh

说明

默认下视窗高度为100vh

注意

父级和子级的vh相同则都为一样的高度，与子父级关系无关

px

说明

像素单位

rem

说明

相对单位 root em缩写

注意

• 可以设置html的font-size大小，然后采用rem单位 方便响应式布局

• 不会发生嵌套等情况下的数值混乱，通过js获取屏幕像素比然后修改html的font-size大小配合rem实现响应式布局