首先我們需要的是把尺寸轉化為rem值
假如 設計稿中的是 200px*200px的圖片 移動端的設計圖尺寸一般是640*750;
第一步. 把圖片分為若干份(好算即可),每一份的大小就是rem的單位
這里舉例為 640/20 = 32rem
第二步. 把設計圖測量出來的尺寸 轉化為rem值
200/20 = 16px;
所以把當前的html的font-size調整為16px; 即可
3.在不同的設備中我們只需要去動態的設置html的font--size = 設備寬度/20
這樣就完了啦
首先我們需要的是把尺寸轉化為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刪除。