概念：

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

　　原理：

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

　　價(jià)值：

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

　　總結(jié)

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

　　響應(yīng)式的設(shè)計(jì)現(xiàn)在越來越受設(shè)計(jì)師推崇，面對這越來越多的響應(yīng)式設(shè)計(jì)頁面，宜興網(wǎng)絡(luò)公司博路網(wǎng)絡(luò)需要找到高效的測試工具來驗(yàn)證設(shè)計(jì)的合理和正確，在在今后的這篇文章中，我們博路網(wǎng)絡(luò)將介紹16款幫助你在線測試響應(yīng)式頁面設(shè)計(jì)的工具，希望大家喜歡！