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

相關文章
相關標籤/搜索