知识点来源于b站up CodingStartup
是一个绝对单位，一个px是一个点的意思，1920*1080这个16：9的解像度，代表你的荧幕横向由1920个光点，直向由1080个光点组成，1px就是一个光点的大小。
当我们用px这个绝对单位设定字体大小以及行距时，通常在更改字体大小时要同时更改行距大小，否则会出现行距过小或过大的情况。
它是一个相对的单位，是基于目前这个容器的大小设定再根据em的值去乘出最终的大小
如下图，第一层div的字体大小是
10
p
x
∗
1.8
10px*1.8
10px∗1.8即18px，第二层是
18
p
x
∗
1.8
18px*1.8
18px∗1.8即是32.4px，第三层大约58px。
即root em的意思，它与em差不多，唯一不同是它是基于root元素即html元素的大小设定去计算。
沿用上图三层嵌套的div例子，当我们把em改为rem时，它们就不会受容器本身的字体大小设定影响，全部都根据html的字体大小设定再去计算。
rem比起em更加容易计算，避免html元素在多层嵌套后难以预测它的实际大小。
50vh表示画面高度的一半，50vw表示画面宽度的一半
vmin代表荧幕较短的一边，vmax代表荧幕较长的一边。
当将图片宽度设定为100vmin，他就会以荧幕较短一边的总边长作为宽度。
因篇幅问题不能全部显示，请点此查看更多更全内容