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