響應式網站是一種網絡頁面設計布局,其理念是:集中創建頁面的圖片排版大小,可以智能地根據用戶行為以及使用的設備環境進行相對應的布局。
響應式網站設計(Responsive Web design)的理念是:
頁面的設計與開發應當根據用戶行為以及設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整。具體的實踐方式由多方面組成,包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad,我們的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等,以適應不同設備;換句話說,頁面應該有能力去自動響應用戶的設備環境。響應式網頁設計就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這樣,我們就可以不必為不斷到來的新設備做專門的版本設計和開發了。
基于“響應式內容”的本質,頁面應該在任何合理屏幕大小的設備上看上去都很舒服,從300*300的手機到2550*1600像素的顯示器。較快較方便的評估響應式功能的方式是大幅改變瀏覽器的大小,檢查顯示情況。
對于這類測試不需要任何搭建時間。只需要打開網頁,點擊瀏覽器的右上角,拖拽到所需的大小。文本是否在你認為應該在的位置,是否仍然可讀?圖像是否能合理伸縮?控件是否還在頁面上——按鈕,文本輸入框,日期控件和其他的——是否仍然可用?它們有沒有遮蓋掉其他重要的內容?