響應式網站指的是網站頁面設計應根據設備環境(系統平臺、屏幕尺寸)進行相應的響應和調整，也就是說響應

式Web設計是一種技術，可以使網站適應于任何設備。即臺式電腦、筆記本電腦、平板電腦、移動應用等不同

的設備所看到的內容是不一樣的。 包括橫向、縱向的屏幕。而針對響應式設計的背景則是由于用戶對智能手機

的青睞日漸升溫，人們對手機端的用戶體驗要求也相應提高，那就必須有一個響應式的Web設計，以便可以從

移動終端上很好地訪問你的網站。

做一個響應式網站為什么需要響應式web設計

由于目前移動設備的大量使用，以及PC顯示器的尺寸逐漸出現較大差別，傳統的web頁面已經不能滿足多種設

備的瀏覽效果，比如傳統頁面在大瀏覽器中會有較大的空白區域，而在小瀏覽器已經移動設備中，不能完全顯

示頁面，或是將頁面縮小至適應移動設備尺寸大小，不能正常瀏覽，對于點擊觸點也有影響，很多人會選擇放

大頁面，在進行瀏覽，這樣整個頁面就需要不停的拖動，給用戶的體驗很不好。

響應式網站是以后企業網站必然的發展方向，無論用戶正在使用筆記本還是iPad，我們的頁面都應該能夠自動

切換分辨率、圖片尺寸及相關腳本功能等，以適應不同設備；換句話說，頁面應該有能力去自動響應用戶的設

備環境。響應式網頁設計就是一個網站能夠兼容多個終端而不是為每個終端做一個特定的版本。

總的來說，響應式網頁不像傳統網頁只需考慮一種狀態，不是交付一套設計稿就完事兒了，它需要更多的人員

參與到制作中來，它給設計、前端和開發團隊之間的協作模式帶來新的挑戰。未來在網站制作這方面使用響應

式設計的網站會比現在其他設計要普遍，這也是響應式網站以后需要發展的方向。