響應式網站設計(Responsive Web design)的理念是：集中創建頁面的圖片排版大小，可以智能地根據用戶行為以及 使用的設備環境（系統平台、屏幕尺寸、屏幕定向等）進行相對應的布局，無論用戶正在使用筆記本還是iPad，我們 的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等，以適應不同設備。
響應式Web設計不僅僅是關於屏幕分辨率自適應以及自動縮放的圖片等等，它更像是一種對於設計的全新思維模式, 如我們需要兼容不同屏幕分辨率、清晰度以及屏幕定向方式豎屏(portrait)、橫屏(landscape)，怎樣才能做到讓一種 設計方案滿足所有情況？
基本原理: 媒體查詢 @media
兼容IE可以使用JS輔助一下來解決