初涉移動(dòng)端設(shè)計(jì)和開(kāi)發(fā)的同學(xué)們,基本都會(huì)在尺寸問(wèn)題上糾結(jié)好一陣子才能摸到頭緒。我也花了很長(zhǎng)時(shí)間才弄明白,感覺(jué)有必要寫(xiě)一篇足夠通俗易懂的教程來(lái)幫助大家。從原理說(shuō)起,理清關(guān)于尺寸的所有細(xì)節(jié)。由于是寫(xiě)給初學(xué)者的,所以不要嫌我啰嗦。
現(xiàn)象
首先說(shuō)現(xiàn)象,大家都知道移動(dòng)端設(shè)備屏幕尺寸非常多,碎片化嚴(yán)重。尤其是Android,你會(huì)聽(tīng)到很多種分辨率:480×800, 480×854,
540×960, 720×1280, 1080×1920,而且還有傳說(shuō)中的2K屏。近年來(lái)iPhone的碎片化也加劇了:640×960,
640×1136, 750×1334, 1242×2208。
不要被這些尺寸嚇倒。實(shí)際上大部分的app和移動(dòng)端網(wǎng)頁(yè),在各種尺寸的屏幕上都能正常顯示。說(shuō)明尺寸的問(wèn)題一定有解決方法,而且有規(guī)律可循。