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