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