導讀：一個固定格式設計的網頁，在用屏幕大小不同的設備或不同瀏覽器打開時，是否會感覺“凌亂”呢？其實，解決 辦法早已出現，響應式網頁設計應運而生，它的理念是：頁面的設計與開發應根據用戶行爲以及設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調 整。具體的實踐方式由多方面組成，包括彈性網格和佈局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad，頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等，以適應不同設備；換句話說，頁面應 該有能力去自動響應用戶的設備環境。
試想一個應用場景，我母親用她的上網本，我用的是普通筆記本電腦，我朋友則用的是27英寸屏的iMac，另外我和我的女友都有一個智能手機，女友的母親還有一個iPad。所以目前的狀況是，每個人使用的終端幾乎都不一樣。類似的場景幾乎無處不在。
網站內容會在各種不同的設備和瀏覽器中被瀏覽——對於設計者來說在動手設計網頁之時就必需要銘記這一點。以下列出的10個國外站點均採用了響應式設計，一起來看看。
一、Bread & Pepper
Bread & Pepper是一家創建接口驅動程序的軟件公司。
二、UPPERDOG
簡潔的大窗口，會自動適應瀏覽器大小且無任何拖拽閃爍感，真不錯。
三、Food Sense
網站的Logo會從頁面頂端的中間位置彈出。
四、Jux
五、Endloop Mobile
六、Gravitate
七、Think Vitamin
八、Clean Air Works
九、CSS Grid
十、Responsive Illustration
社會日益增長的互聯性使信息達到了令人震驚的傳播速度，也使人們更緊密地結合在一起。但同時也帶來了一些弊端，網站設計方式就是其中之一。
任何一個擁有移動設備的人都知道要正常瀏覽網頁有多麼難，不過其實並非如此。越來越多的設計師正使用響應式設計技術，很快就會實踐到每一個新的網站設計裏啦！（編譯/趙紅）
英文來自：thenextweb