一、什么是響應式 Web

  近些年以來，由于移動端的流量在不斷地擴大，手機、平板等移動端設備的層出不窮 ，為了更好的滿足用戶對瀏覽互聯(lián)網(wǎng)的需求，提出了響應式技術(shù)這一概念。第一，一個響應式的網(wǎng)站無論在手機、平板還是PC端合式機、筆記本上，有且只有唯一的一個 URL接口。第二，響應式的Web設計依賴于媒體査詢來推動非固定布局，實現(xiàn)靈活設計，即通過査詢到設備的各種屬性值如設備類型、分辨率、屏幕物理尺寸及色彩等來決定求同存異的布局。第三，全站都使用響應式設計(只需使用一個代石馬庫)去適應所有適備，力求實現(xiàn)多平臺，多終端服務的一致性。

二、響應式web的關(guān)鍵特性

  1)流式布局以百分比單位為主，與傳統(tǒng)的固定布局以像素單位為主不同。

  2)媒體査詢是CSS的語法規(guī)則，它能夠基于査詢定義的參數(shù)來控制樣式。它根據(jù)不同設備提供不同的CSS，渲染不同界面以配合用戶的設備環(huán)境。

  3)斷點指的是響應式設計的目標是避免出現(xiàn)為每一個可能的終端設備都制作設計一個網(wǎng)頁。為了避免這種現(xiàn)象的發(fā)生，我們可以通過劃出一些邊界來調(diào)整頁面的布局用以適應變化的內(nèi)容如設定分辨率“斷點”。

三、廣義的響應式開發(fā)的流程

  根據(jù)EthanMarcotte廣義而言，廣義而言，響應式開發(fā)是以參考分辨率開始的(原本的網(wǎng)格、界面或字體只為指定分辨率而設),然后加入媒體査詢，以配合不同環(huán)境。假設以“移動優(yōu)先”作為原則就把樣式表建基于“移動優(yōu)先”而非桌面版界面。因此設計的界面首先配合小屏，然后才用媒體査詢，隨分辨率增加逐漸提升。

四、響應式設計的好處

  響應式設計使用一個代碼庫就可以解決市面上的所有瀏覽器和設備的兼容問題。它的好處表現(xiàn)在通過“靈活性”來解決“不確定性”策略來實現(xiàn)。根據(jù)RobLarsen有以下好處:

  1)簡化服務器。如果能進行合理的響應式設計，小心地使用圖片，并且處理好性能問題，就算是要應對你的所有用戶和具體設備的問題，你的服務器端也只需要提供一套并且最小化的邏輯。

  2)更容易維護。使用響應式設計，你只需要維護一套前段的代碼庫。

  3)只提供一個入口給搜索引擎。單一的網(wǎng)站及單一的URL列表會讓你更容易做網(wǎng)站工作。

  4)能夠支持未知設備。在設計的時候，響應式設計已經(jīng)忽略了特定的設備和操作系統(tǒng)，這使得響應式設計的網(wǎng)站可以具有自動適配現(xiàn)有的或者未來的設備的能力。

五、響應式的缺點

  有些設計師不認同這種方法，認為不同設備應使用不同標記，如果用了響應式設計，所有瀏覽器和設備都會收到一個HTML文件。

  另外，也有可能限制了應用的復雜性。一個應用是有可能同時實現(xiàn)高可用性和響應式設計這兩個目標的，而且你的永和在手機上可能會有與桌面站點上不用的需求，能夠意識到這個問題很重要。就有關(guān)金融方面網(wǎng)站而言，移動端的用戶最大的需求就是可以査看并操作那些比較重要的內(nèi)容，關(guān)注一些重大事件，無論是具體交易事件的反饋 ，還是了解一些重大的市場動態(tài)。在桌面站點，用戶的需求可能更廣一些，需要提供全站系統(tǒng)訪問的支持，可能還需要提供對一些其他復雜系統(tǒng)的能力。