伊桑·馬科特在2010年首次提出了響應式網(wǎng)頁設計(RWD, Responsive Web Design)的概念。(當時能提出這個概念是很不簡樸的哦) 他根據(jù)工程師在處理不同屏幕分辨率的網(wǎng)頁內(nèi)容展現(xiàn)的效果的時候常用的技巧和策略，創(chuàng)造性的進行了歸納總結。簡而言之是指網(wǎng)頁根據(jù)屏幕寬度，做出相應調(diào)整的，力求能夠達到在不同的設備下，內(nèi)容都能以最合適的方式展現(xiàn)給用戶。

　　原理：

　　在CSS中，有一個不常用到的屬性media。為了達到響應式設計的目的，讓css根據(jù)屏幕寬度(例如 media screen only @(max-width:480px))，使用不同的CSS代碼，從而達到自動調(diào)整頁面DIV寬度的目的。當然，除了CSS，還可以使用JS對頁面內(nèi)容提高履態(tài)的調(diào)整，不外這個技術不是很流行。

　　價值：

　　跟著越來越多的智能移動設備( 手機，平板 )加入到互聯(lián)網(wǎng)中來，互聯(lián)網(wǎng)上的訪問設備是爆炸性的增長(屏幕的分辨率也是爆炸性的增長)。為了給手機和平板設備提供更好的體驗，必需在網(wǎng)站設計中使用響應式網(wǎng)站設計，并且整合從PC端得手機的各種屏幕尺寸和分辨率，用技術來使網(wǎng)頁適應不同分辨率的屏幕。

　　總結

　　響應式網(wǎng)站設計，為計算機、手機、平板電腦等不同設備的訪問用戶了提供更加恬靜的界面和更好的用戶體驗(和速度)，而且跟著目前移動設備的增長，已成為大勢所趨。假如一個網(wǎng)站不支持響應式設計，那么就已經(jīng)可以說不是很符合潮流了。