在全面進入互聯網時代後,隨着各類移動設備的普及,移動互聯網更加受到大衆的青睞。因爲移動互聯網的使用量遠遠超出了傳統互聯網的使用量,移動設備也正在逐漸超越桌面設備。由於用戶在移動設備上的使用習慣不一樣,UX設計師沒法將桌面設備上的網頁排版原封不動地複製到移動設備上,這會使用戶在網頁的操做和閱讀上十分不方便。web
所以,設計師試圖將移動設備和桌面設備的網頁分開來設計,然而所以面對的問題是:市場上移動設備屏幕的尺寸都是徹底不同的。好比iPhone的移動設備已經更新過不少次屏幕尺寸;不一樣品牌之間設備屏幕尺寸也沒法把控,設計師不能爲每個不一樣的屏幕尺寸去設計適合它們尺寸的網頁。網站
這種狀況下,Ethan Marcotte在2010年提出了響應式web設計(Responsive web design)這一律念,其設計目標是:自行識別設備屏幕尺寸並作出相應調整的網頁設計,從而提升網頁在移動端的用戶體驗。同時,Ethan Marcotte也模擬創建了一個簡單的響應式web的示範網站,題主能夠點進連接體驗一下。設計