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


 

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

 

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

 

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

这里举例为  640/20 = 32rem

 

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

200/20 = 16px;

 

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

 

 

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

 

这样就完了啦


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM