概念：
伊桑·馬科特在2010年首次提出了響應式網(wǎng)頁(yè)設計(RWD, Responsive Web Design)的概念。(當時(shí)能提出這個(gè)概念是很不簡(jiǎn)單的哦) 他根據工程師在處理不同屏幕分辨率的網(wǎng)頁(yè)內容展現的效果的時(shí)候常用的技巧和策略，創(chuàng )造性的進(jìn)行了歸納總結。簡(jiǎn)而言之是指網(wǎng)頁(yè)根據屏幕寬度，做出相應調整的，力求能夠達到在不同的設備下，內容都能以最合適的方式展現給用戶(hù)。
原理：
在CSS中，有一個(gè)不常用到的屬性media。為了達到響應式設計的目的，讓css根據屏幕寬度(例如 media screen only @(max-width:480px))，使用不同的CSS代碼，從而達到自動(dòng)調整頁(yè)面DIV寬度的目的。當然，除了CSS，還可以使用JS對頁(yè)面內容進(jìn)行動(dòng)態(tài)的調整，不過(guò)這個(gè)技術(shù)不是很流行。
價(jià)值：
隨著(zhù)越來(lái)越多的智能移動(dòng)設備( 手機，平板 )加入到互聯(lián)網(wǎng)中來(lái)，互聯(lián)網(wǎng)上的訪(fǎng)問(wèn)設備是爆炸性的增長(cháng)(屏幕的分辨率也是爆炸性的增長(cháng))。為了給手機和平板設備提供更好的體驗，必須在網(wǎng)站設計中使用響應式網(wǎng)站設計，并且整合從PC端到手機的各種屏幕尺寸和分辨率，用技術(shù)來(lái)使網(wǎng)頁(yè)適應不同分辨率的屏幕。
總結
響應式網(wǎng)站設計，為計算機、手機、平板電腦等不同設備的訪(fǎng)問(wèn)用戶(hù)了提供更加舒適的界面和更好的用戶(hù)體驗(和速度)，而且隨著(zhù)目前移動(dòng)設備的增長(cháng)，已成為大勢所趨。如果一個(gè)網(wǎng)站不支持響應式設計，那么就已經(jīng)可以說(shuō)不是很符合潮流了。
響應式的設計現在越來(lái)越受設計師推崇，面對這越來(lái)越多的響應式設計頁(yè)面，宜興網(wǎng)絡(luò )公司博路網(wǎng)絡(luò )需要找到高效的測試工具來(lái)驗證設計的合理和正確，在在今后的這篇文章中，我們博路網(wǎng)絡(luò )將介紹16款幫助你在線(xiàn)測試響應式頁(yè)面設計的工具，希望大家喜歡！