為什么要使用響應(yīng)式設(shè)計摆昧?
頁面的設(shè)計和開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸峭咒、屏幕定向等)進行相應(yīng)的響應(yīng)和調(diào)整税弃。具體的實踐方式由多方面組成,包括彈性網(wǎng)格和布局凑队、圖片钙皮、css media query的使用等。無論用戶正在使用筆記本還是iPad顽决,我們的頁面都應(yīng)該能夠自動切換分辨率短条、圖片尺寸及相關(guān)腳本功能等,以適應(yīng)不同設(shè)備才菠;換句話說茸时,頁面應(yīng)該有能力去自動響應(yīng)用戶的設(shè)備環(huán)境。
響應(yīng)式網(wǎng)頁設(shè)計就是一個網(wǎng)站能夠兼容多個終端——而不是為每個終端做一個特定的版本赋访。這樣可都,我們就可以不必為不斷到來的新設(shè)備做專門的版本設(shè)計和開發(fā)了。
響應(yīng)式設(shè)計斷點應(yīng)當(dāng)如何設(shè)置蚓耽?
壹渠牲、根據(jù)內(nèi)容來設(shè)置斷點
普遍的響應(yīng)式設(shè)計一般會要求按照主流設(shè)備的屏幕分辨率設(shè)置斷點。
隨著現(xiàn)在手機更新迭代越來越快步悠,屏幕分辨率更是參差多態(tài)签杈。
現(xiàn)在設(shè)置的斷點,可能一年半載就已不適應(yīng)鼎兽。
所以與其讓「屏幕分辨率」確定斷點答姥,不如讓「內(nèi)容」確定斷點。
貳谚咬、根據(jù)屏幕分辨率來設(shè)置斷點
如果你想使用屏幕分辨率來設(shè)置斷點鹦付,那么就會用到下面這幾種常用的分辨率
1.320
2.480
3.760
4.960
5.1200
6.1600