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

 

首先咱们须要的是把尺寸转化为rem值html

 

假如 设计稿中的是 200px*200px的图片 移动端的设计图尺寸通常是640*750;spa

 

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

这里举例为  640/20 = 32remhtm

 

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

200/20 = 16px;rem

 

因此把当前的html的font-size调整为16px; 便可class

 

 

3.在不一样的设备中咱们只须要去动态的设置html的font--size = 设备宽度/20   移动

 

这样就完了啦di

相关文章
相关标签/搜索