TA貢獻1982條經驗 獲得超2個贊
關于rem適配，基準字號（標簽fontSize）多少都可以，就是看哪個基準數字計算方便。設計稿寬度為750px，基準定為100px=1rem為什么基準是100px?答：基準為100好計算，其實多少都可以例子：設計稿為200px*200px的區域如何用rem表示？答：200/100=2rem-->2rem*2rem計算當前程序運行的瀏覽器基準為多少？根據設計稿寬度與當前屏幕寬度比例計算基準字體大?。?pre>constdesignWidth=750//設計稿寬度constdeviceWidth=document.documentElement.clientWidth//當前設備寬度document.documentElement.style.fontSize=(deviceWidth/designWidth)*100+'px'//根字體大小例如當前屏幕寬度為deviceWidth=375px帶入上面的邏輯運算即可得出fontSize=50px=1rem設計稿為200px*200px的區域在當前屏幕下的寬度為2rem*2rem=(50*2)*(50*2)=100px*100px所以適配后的區域寬高為100px*100px在其他屏幕下也是同樣的邏輯。gauseen
TA貢獻1816條經驗 獲得超4個贊
1920*1200的ipad設計圖，這個ui會設計嗎？ipad設計尺寸手機端常用設計尺寸當然，你的問題樓上回答很精確，可以直接在頁面頭部使用他寫的計算方式，來換算rem跟px為什么要強調寫在頭部，因為根據頁面加載順序，如果放在head后面的話，刷新頁面，會有暫時性樣式錯亂的問題，必須放置在head里邊
舉報