如何把設計稿中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