導讀：一個固定格式設計的網頁，在用螢幕大小不同的裝置或不同瀏覽器開啟時，是否會感覺“凌亂”呢？其實，解決 辦法早已出現，響應式網頁設計應運而生，它的理念是：頁面的設計與開發應根據使用者行為以及裝置環境(系統平臺、螢幕尺寸、螢幕定向等)進行相應的響應和調 整。具體的實踐方式由多方面組成，包括彈性網格和佈局、圖片、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

社會日益增長的互聯性使資訊達到了令人震驚的傳播速度，也使人們更緊密地結合在一起。但同時也帶來了一些弊端，網站設計方式就是其中之一。

任何一個擁有移動裝置的人都知道要正常瀏覽網頁有多麼難，不過其實並非如此。越來越多的設計師正使用響應式設計技術，很快就會實踐到每一個新的網站設計裡啦！（編譯/趙紅）