響應式Web設計(Responsive Web  design)的理念是，頁面的設計與開發應當根據用戶行為以及設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整。具體的實踐方式由多方 面組成，包括彈性網格和布局、圖片、CSS media  query的使用等。無論用戶正在使用筆記本還是iPad，我們的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等，以適應不同設備；

換句話說， 頁面應該有能力去自動響應用戶的設備環境。這樣，我們就可以不必為不斷到來的新設備做專門的版本設計和開發了。

通過CSS3 Media Query實現響應式Web設計 ,請看演示的DEMO地址：http://www.yandi8.com/  請你用手機訪問看看，或者把瀏覽器寬度拉小