前言
現在使用移動設備人越來越多，移動版的Website隨之也越來越重要；但是移動端設備的大小不一，屏幕分辨率各不相同，我們不可能為 BlackBerry，iPhone， iPad等等每個都做單獨的頁面設計。所以我們需要的Website設計要能迎合多種device的要求并且兼容所有的屏幕分辨率，這種設計就叫響應式 Web設計
什么是響應式Web設計（Responsive Web design）？
響應式Web設計是一種Web設計和開發能夠根據屏幕大小、平臺和方向對用戶的行為和環境做出響應的設計。它包括了靈活的網格和布局，圖像和智能使用CSS的media queries特性。當用戶從Laptop切換到iPad上時，該網站應能自動地切換CSS規則以適應Device分辨率，圖像尺寸和腳本執行。換句話說，響應式Web設計是具備能夠自動響應用戶喜好的技術。這將一勞永逸的滿足對每個新上市的移動終端都要進行不同設計和開發的需求。
需要注意的是：響應式Web設計不僅僅是
下圖列出了一些最常見的：
所以，如果你要使你的客戶滿意，你必須讓你的網站能夠自動調整并適合上述設備的屏幕。例如，你應該為不同的設備定制不同的布局結構：
定制布局
同樣，有些時候，根據需要顯示或隱藏一些內容：
顯示或隱藏內容
很明顯，我們不能為每一種設備定制一個頁面。所以，我們應該如何處理這種情況呢？
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。