響應(yīng)式網(wǎng)頁設(shè)計有多火咱就不在此贅述了。但是要做好響應(yīng)式設(shè)計，讓網(wǎng)頁在每一塊屏幕上都能正常地顯示并擁有良好的版式，設(shè)計師和前端同學(xué)需要為此付出大量的心血。單單是為13~27寸的桌面環(huán)境下不同瀏覽器來調(diào)整兼容性就已經(jīng)頗為費神了，還要兼顧到從3英寸到9.7英寸的各種手機(jī)和平板，這中間如何平衡屏幕尺寸和像素密度（PPI）也夠大家喝一壺的了。

所以，設(shè)計師和前端同學(xué)不僅要參與分析各種情況下的布局變化，還需要大量的案例學(xué)習(xí)和實踐。今天我們推薦的這35個高大上的響應(yīng)式網(wǎng)站，都能夠良好地兼容絕大多數(shù)的屏幕和尺寸，它們在網(wǎng)頁布局和響應(yīng)式設(shè)計上有諸多共通的地方。如果你正在思考如何做好響應(yīng)式設(shè)計，不妨學(xué)習(xí)一下~

考慮到移動端瀏覽器的性能局限，這篇文章值得一讀：《響應(yīng)式不是萬能的！教你提升響應(yīng)式設(shè)計的移動性能》

GoodBytes

Emrah Yaman

Vanity Claire

Authentic Style

David Hellmann

Trevor Saint

Jeff Broderick

fffunction

Ben Haddock

Isobar

Thibault Jorge

Maarten Kleyne

Olive & Twist

9elements

Squeeze Creative

Gary Garside

Code and Theory

Two Fish Illustration

Teehan+Lax

Jan Mense

Joao Ramos

Casper Odendaal

Gert van Duinen

Romain Dorget

FillStudio

Major Tom

Kyee

Christian Baur

Shihab

Wintr

Haardtline

Julien Lavallee

Adam Clayton Butler

Sim Kolev

Simple as Milk

將響應(yīng)式網(wǎng)頁設(shè)計一網(wǎng)打盡：

大神的教程：
《干貨！設(shè)計師必讀的15個響應(yīng)式網(wǎng)頁設(shè)計教程》

經(jīng)典的案例：
《緊跟潮流！30個新鮮的響應(yīng)式網(wǎng)站欣賞》

高手的利器：
《最熱門工具推薦！為響應(yīng)式網(wǎng)站而生的40款柵格神器》

原文地址：designm
優(yōu)設(shè)網(wǎng)翻譯：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。
uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量77萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：