微信小程序中rpx與rem,px單位的轉換使用


一、rem的使用
1) 根據設計稿寬度算出rem和px直接的轉換公式

 

1rem = 20 x 640/320 + ‘px’ = 40px;
1rem=20*750/320+‘px’=46.875px;

二、rpx的使用
1)小程序中rpx與px的轉換

例如:設計稿750px寬度
那么恭喜您,你ps上量出寬度是多少,那么你就定義多少rpx,也就是 1px = 1rpx
例如:設計稿640px寬度
那么很遺憾,你需要轉換一下 1px = 750/640 rpx=1.171875rpx;

 

2)小程序中如何繼續使用rem

例如:設計稿750px寬度
此時1rem = (750/20)rpx = 37.5px

例如:設計稿640px寬度
此時1rem = (750/20)rpx = 32px

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM