響應(yīng)布局(responsive layout)是一種有別于傳統(tǒng)的固定布局(fixed layout)和流體布局(fluid layout)的網(wǎng)頁布局，是一種利用CSS3 media queries來重構(gòu)依賴于瀏覽器或者其他設(shè)備(手機、平板電腦、電視等)窗口大小的網(wǎng)頁的行為，是為了響應(yīng)不同用戶使用不同屏幕尺寸的設(shè)備、不同平臺、不同方向進行瀏覽網(wǎng)頁時，頁面可以自動適應(yīng)的需求。也就是說，不管用戶使用的是電腦還是手機，平板電腦還是電視機；也不管用戶是垂直還是水平使用設(shè)備，頁面布局都可以自動適應(yīng)，不會出現(xiàn)變形、偏移或者消失不可見等神馬現(xiàn)象。大家使用iphone或者ipad瀏覽網(wǎng)頁的時候就深有體會，由豎著拿換成橫著拿或者相反，頁面就會自動調(diào)整過來。
響應(yīng)布局的關(guān)鍵是css3 media queries，其實早在2001年的時候就由w3c規(guī)范提出建議，但一直處于休眠的狀態(tài)，直到2007年手持設(shè)備(以iphone為首)像洪水一樣沖擊市場后，它才被重視起來。
支持響應(yīng)布局的瀏覽器
幾乎所有的瀏覽器都支持media queries，包括Firefox,、Opera,、Safari和Chrome，只有一種瀏覽器是不支持media queries，那就是IE，或者你會大跌眼鏡，但實際上，IE9以前的所有版本的IE都不支持它。
響應(yīng)布局對于終端用戶的好處
對于用習(xí)慣使用電腦來網(wǎng)上沖浪的用戶，無論你的屏幕分辨率是1280×960還是400×200，也不是不管窗口的大小是多少，使用了響應(yīng)布局的頁面看起來都那樣的迷人。對于習(xí)慣使用手機或者平板電腦來網(wǎng)上沖浪的用戶來說，響應(yīng)布局的頁面讓你可以在不大的顯示屏內(nèi)盡情暢游。
響應(yīng)布局對于開發(fā)者的好處
你可以大聲向客戶宣稱你們的產(chǎn)品不需要做任何的編碼就可以自動適應(yīng)不同的設(shè)備，包括電腦、手機、平板等。這可以成為你們產(chǎn)品的亮點。