单位换算

Px普通单位 固定值

Em 根据离其最近的父元素的font-size去计算

Rem 根据跟标签html的font-size去计算

Vw 视窗宽度百分比 1vw=视窗宽度的百分之一

Vh 视窗高度百分比 1vw=视窗高度的百分之一

Vmin 视窗宽高百分比的较小值(例如宽100px,高200px 此时vmin=宽的百分比)

Vmax 视窗宽高百分比的较大值(例如宽100px,高200px 此时vmax=高的百分比)

实例:

如果是在手机上去显示效果那么我们的vw相当于是手机宽度的百分比,如果是320的手机屏幕尺寸,那么1vw=3.2px;

假如将html的font-size设置为100px;那么100px里有多少个3.2px就是多少vw  100/3.2=31.25vw

如果从图片上测量的像素值需要转换成rem,用测量值去除以html的font-size

手机上的图片的1px实际上是2px因为存在dpr(设备像素比),那么所以我们测量的图片尺寸需要去除以dpr的值


一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。