什麼是響應式設計？爲何要作響應式設計？響應式設計的基本原理是什麼？

頁面的設計和開發應當根據用戶行爲以及設備環境（系統平臺、屏幕尺寸、屏幕定向等）進行相應的響應和調整。具體的實踐方式由多方面組成，包括彈性網格和佈局、圖片、css media query的使用等。不管用戶正在使用筆記本仍是iPad，咱們的頁面都應該可以自動切換分辨率、圖片尺寸及相關腳本功能等，以適應不一樣設備；換句話說，頁面應該有能力去自動響應用戶的設備環境。

響應式網頁設計就是一個網站可以兼容多個終端——而不是爲每一個終端作一個特定的版本。這樣，咱們就能夠沒必要爲不斷到來的新設備作專門的版本設計和開發了。

響應式設計的基本原理是經過媒體查詢檢測不一樣的設備屏幕尺寸作處理。頁面頭部必須有meta聲明viewport：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no」>