感謝大家對第一篇背景介紹一文的支持，今天將對響應式Web設計的概念進行一個大概的介紹，當然這一篇也不是什么干貨，只是作為一個主題來說，概念的介紹必不可少，下一篇就應該有點干貨了。從背景介紹一文中，我們可以得到這樣一個結論：互聯網正在快速迅猛地向移動終端發展，這樣對于網頁就有了一個Anywhere的需求。
其實網頁 的Anywhere就是響應式Web設計，說的再白一點，就是為了省時省力省錢，一次開發出來的網頁，用一個URL，可以在不同終端設備上有不同的呈現方 式。下面四張圖就是一張網站所作的響應式設計。
OK！概念就是這樣的，本人一直以屌絲自居，所以這個定義也多少帶著點屌絲的意味，娛樂一下。。。呀，有點冷，不鬧了，下面我們看看這種多種終端設備要求網頁不同呈現方式的需求下，都做過哪些嘗試呢？
網頁代碼的單純轉換：為了讓用戶在手機這種移動設備上一樣可以訪問我們PC端網頁，我們最初的響應式Web設計的嘗試就是開發同學單純的把PC端網頁的源代碼直接轉換成WAP對應的代碼。
使用一些建站工具快速地搭建移動WAP網站。
針對不同的終端設備開發不同的版本，最常見的就是PC版本 + 移動版本，事實上我現在的工作很大程度上還是停留在這個層次上，在給一家著名的電商網站定制開發其對應的移動版本。其實這種定制化開發從開發、設計、更 新、維護各個過程來說，工作量還是挺大的，但是誰讓咱目前的工作就干這個呢，只要老板給錢，就得好好干。
通過PhoneGap框架將Web進行App化，但是APP化工作量巨大、用戶必須下載安裝、推廣渠道復雜繁瑣、SEO和他幾乎絕緣。
因為我現在主要是從事移動終端設備的Web開發工作，事實上在我日常工作中設計到響應式Web設計主要是在各種移動終端中的響應式設計。所以 我個人對于響應式Web設計的理念是：根據用戶行為以及設備環境（系統平臺、屏幕尺寸、屏幕定向、屏幕分辨率等）對頁面內容和布局進行相應的響應和調整。 具體的實現方式有彈性網絡、布局、圖片、CSS3、JS、HTML5等的使用。這樣無論用戶用android設備還是ios設備，無論用戶用手機還是 pad平板，我們都能夠自動調整頁面來適用用戶不同的設備。
從背景介紹一文中，不難看出，現在移動互聯網發展的浪潮越來越猛，所以個人建議，在做響應式Web設計的時候采用逐步增強的模式進行開發，先讓 你的移動網站支持手機豎屏→支持用戶橫屏行為→支持各種屏幕大小的手機→支持不同系統版本的手機（主要是android設備和ios設備）→支持pad平 板→……同時針對移動網站設計和開發的一些規則和建議的總結，在我另外一篇文章《初探移動網站的架構和設計》中做了介紹，這里不再贅述。
響應式Web設計的概念就介紹到這里吧，最后總結一句：響應式Web設計并不是單純地根據用戶行為和設備環境進行簡單的網頁內容的調整和呈現 方式的不同，它其實是一種全新的Web設計方式，而這種全新的設計方式的最終用途究竟是什么呢？其實就是一個字：爽，讓用戶用的爽才是王道！
更多信息請查看IT技術專欄
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
