響應式網站頁面的設計與開發應當根據用戶行為以及設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整。具體的實踐方式由多方面組成,包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad,我們的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等,以適應不同設備;換句話說,頁面應該有能力去自動響應用戶的設備環境。響應式網頁設計就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。
不規則柵格
不規則的網站建設柵格布局可以顯示大量內容,不會造成冗余和繁瑣。它具有規律性和可預測性,用戶可以更快地獲得所需信息。此外,自定義柵格非常自由,網站建設管理員可以根據自己的需要安排網格,并且布局也是獨一無二的。
彈性效果布局
彈性效果布局比固定模式更加靈活,這種布局方式是通過調節像素百分比來實現兼容不同設備的尺寸。這種響應式網站只適用于通欄頁設計與等分網站結構。
固定布局
固定布局是以像素為頁面單位,它的布局方式比較死板。它不管設備的瀏覽器還有屏幕尺寸,在尺寸模板上面固定布局只有一套尺寸。
單頁單列布局
如果沒有太多內容,或者只想制作主題頁面,適合顯示極簡的內容。單頁設計最適合小型網站建設或者小型項目。它可以讓簡介頁面更加簡潔,也可以是簡單信息更加突出和重要。