發布日期：2017/4/7

摘要： 概念： 伊桑馬科特在2010年提出了響應式網頁設計(RWD, Responsive Web Design)的概念。(當時能提出這個概念是很不簡單的哦) 他根據工程師在處理不同屏幕分辨率的網頁內容顯現的效果的

 

概念：

伊桑·馬科特在2010年提出了響應式網頁設計(RWD, Responsive Web Design)的概念。(當時能提出這個概念是很不簡單的哦) 他根據工程師在處理不同屏幕分辨率的網頁內容顯現的效果的時候常用的技巧和策略，創造性的進行了歸納總結。簡而言之是指網頁根據屏幕寬度，做出響應調整的，力求能夠達到在不同的設備下，內容都能以好合適的體例顯現給用戶。

原理：

在CSS中，有一個不常用到的屬性media。為了達到響應式設計的目的app開發，讓css根據屏幕寬度(例如 media screen only @(max-width:480px))，使用不同的CSS代碼，從而達到主動調整頁面DIV寬度的目的。當然，除了CSS網站關鍵詞優化，還可以使用JS對頁面內容進行動態的調整，不過這個技術不是很流行。

價值：

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

總結

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

假如您正在設計網站，我們特殊推薦到 起飛頁 體驗響應式設計。起飛頁是國內為數不多的支撐響應式設計的自助建站平臺。雖然剛剛推出不久，但已經憑借其壯大的功能和頗有競爭力的價格贏得了市場的青睞。創業型公司還可以免費獲得一年的空間和服務。