一、

根据@media

通过定义根源素大小

如@media all and (max-width:320px){ htim{font-size="12"}}

当适配的宽度为320px的时候，所有宽高rem依据根元素执行大小，比如当设计图高度为100px时候，则 100/2（dpr)=50 为需要设置的像素值，50/12=需要设置的rem值。

当设备为其他宽度时候需定义其他的@media

如@media all and(min-width:321px) and (max-width:375px){ html{font-size:14px;}

当设备大于320px 小于375px时，执行根元素font-size为14px值的比例，

320屏幕宽度对应的图片大小为640，375屏幕宽度对应的为750，640/750约等于 12/14。

在定义@media 时取整数，小数多浏览器可能不会识别。

二、

通过VW

100vw=  视口宽度100%；   
100vh=  视口高度100%；

通过这些可以定义一个宽度为320的html {font-size:31.25vw}（font-size为100px)

31.25vw=100/320X100

当需要88PX大小的时候，88/2（dpr)  44,  44/100=0.44为我们的rem值