如何把设计稿中px值转化为想要的rem值

 

首先我们需要的是把尺寸转化为rem值

 

假如 设计稿中的是 200px*200px的图片 移动端的设计图尺寸一般是0*750;

 

第一步.  把图片分为若干份(好算即可),每一份的大小就是rem的单位

这里举例为  0/20 = 32rem

 

第二步. 把设计图测量出来的尺寸 转化为rem值 

200/20 = 16px;

 

所以把当前的html的font-size调整为16px; 即可

 

 

3.在不同的设备中我们只需要去动态的设置html的font--size = 设备宽度/20   

 

这样就完了啦