当我们需要设置页面长度与宽度时,一般会使用px,rem或者vw设置尺寸,其中,px以设备分辨率为依据,来设置对应尺寸,rem以根元素字体为单位设置,也就是根字体,通过对html标签设置字体大小,html内所以使用到rem单位的字体或者元素都会以此为依托进行尺寸计算与放置,可一定程度防御不同设备不同分辨率所带来的布局不一致困扰。
vw,以当前设备窗口尺寸为依托来设置尺寸,1vw就是当前视口的1%,以此类推。
在调节元素间距与字体大小时,以px为主,若设计到设备兼容性问题,可转为vm,rem设置,也可通过cacl计算数值来动态设值。
在没有要求时,以px为主,它是精度最高的尺寸单位,但因不同设备分辨率可能不同,在有此要求时,可根据精度程度来变换尺寸单位。