小程序rpx 以及rem和px的換算

小程序rpx

一般來講都會ul都會定一個設計稿的尺寸,屏幕適應都要根據設計稿尺寸極端
(1).rpx:不論哪個型號的手機,屏幕寬度都是750rpx
rpx與px的轉換,根據設計稿換算
例如:設計稿750px寬度,ps上量出或者標出的寬度是多少,那麼就定義多少rpx,也就是,1px = 1rpx
例如:設計稿640px寬度,根據量出的或者標出的尺寸需要轉換一下,1px = 750/640rpx
(2).rem:根據設計稿換算
例如:設計稿750px寬度,那麼1rem = (750/20)rpx = 37.5px
例如:設計稿640px寬度,那麼1rem = (640/20)rpx = 32px

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章