響應(yīng)式Web設(shè)計是在開發(fā)和設(shè)計網(wǎng)站過程中產(chǎn)生的一種方式，它的目的是讓內(nèi)容布局能隨用戶使用顯示器的不同而變化。再明確點說，這種設(shè)計概念，就是讓原本1292像素寬，4欄的內(nèi)容，能夠很好地顯示在1025像素寬的用戶屏幕上，同時還能自動簡化成2欄。當然，讓它很好的適應(yīng)智能手機和其他種類電腦的屏幕也就成了水到渠成的事了。這種特殊的設(shè)計形式就被成為“響應(yīng)式Web設(shè)計”。
響應(yīng)式Web設(shè)計與傳統(tǒng)的設(shè)計方式截然不同，開發(fā)人員（特別是新手）必須要理解它的優(yōu)勢和弊端。這篇文章正是為大家揭示一些實例的。（這里介紹一個叫“Media Queries”的網(wǎng)站，里面介紹了更多實例和演示）
數(shù)據(jù)表格是響應(yīng)式Web設(shè)計的經(jīng)典使用情景，實現(xiàn)它的想法與傳統(tǒng)的設(shè)計理念有很大不同。數(shù)據(jù)表格默認很寬，當你要查看它全貌時，你得縮小表格，但這時字會變 的很小，很難去閱讀。然而當你想看清楚上面的字時，就不得不再把表格放大，這時要查看完整表格就得橫滾加縱滾。這么閱讀表格也太KB了。或許重新格式化表格或以餅圖形式展現(xiàn)是種解決方案。再不然，你可以弄一個迷你圖，即使在窄屏幕里它也能適應(yīng)。
響應(yīng)式Web設(shè)計中的圖像以流式圖像為主，可以被上下文感知的圖像所替代，這是一種更好的設(shè)計方式。這種技術(shù)的真正意義在于，能夠讓圖像適應(yīng)不同的屏幕分辨率，更大的或更小的。所以它與傳統(tǒng)設(shè)計的理念和技術(shù)都有很大不同，合理使用會讓你的網(wǎng)頁化腐朽為神奇。
?
Mountain Dew
?
AXT
?
Rbma Radio
?
Lotta Nieminen
?
Berger & Fohr
?
Cropp
Stink Digital
Hair Project
Atlanta Ballet
Google Cultural Institute
?
#p#副標題#e#
?
?
Build Windows
Enochs
From The Front
Sweet Hat Club
Oliver Russel
United Pixelworkers
dConstruct 2012
Food Sense
Andersson-Wise Architecture
TeeGallery
?
#p#副標題#e#
?
?
Lynn and Tonic
8Faces
Sleepstreet
ConvergeSE 2012
Iwantedrock
Abberdein
Inspire Conference
Design Week Portland
Belong
Dustin Senos
?
#p#副標題#e#
?
?
Electripulp
Lucio Piunti
Createdm
Folksy
Hillsong
Brad Sawicki
Mike Anderson
Tracyworld
Ginder Whale
Foster Props
?
