移動互聯(lián)網(wǎng)盛行之下，怎能沒有移動端Web?那么問題來了，移動端Web是什么?響應(yīng)式設(shè)計又是什么?是否都有必要進(jìn)行響應(yīng)式設(shè)計?

　　首先我們先說一下移動端Web，它是相對于PC端而言的，典型的移動端包括手機(jī)、Pad等設(shè)備。以往的大網(wǎng)站都是依據(jù)我們的電腦顯示器的分辨率設(shè)計的，寬度固定(比如經(jīng)典的960布局，即整站的寬度為960px)，這樣的網(wǎng)站在移動端打開時，展現(xiàn)出來的還是PC端的樣式，要么整體縮小，要么會顯示出寬寬的滾動條，用戶體驗較差，即便是移動端瀏覽器可以轉(zhuǎn)碼處理，但體驗往往并不是很好。針對這種情況，一種過去流行，現(xiàn)在依然常用的解決方案是重新設(shè)計一個移動端網(wǎng)站，即常說的手機(jī)網(wǎng)站。但這樣增加的建站成本較高，并且后期的維護(hù)成本也會增加。

　　為滿足各式各樣的設(shè)備，響應(yīng)式布局誕生了。響應(yīng)式布局是Ethan Marcotte在2010年5月提出的一個概念，即一個網(wǎng)站能夠兼容多個終端，并不是為每一類別終端做一個特定的版本。

　　此概念是為解決移動互聯(lián)網(wǎng)瀏覽而誕生的，并且響應(yīng)式布局可以為不同終端的用戶提供更加舒適友好的界面和更好的用戶體驗。如圖：

　　你的Web應(yīng)用是否需要響應(yīng)式設(shè)計

　　響應(yīng)式Web設(shè)計(Responsive Web design)的理念是頁面的設(shè)計與開發(fā)應(yīng)當(dāng)根據(jù)設(shè)備環(huán)境(屏幕尺寸、屏幕定向、終端系統(tǒng)等)以及用戶行為(改變窗口大小等)進(jìn)行響應(yīng)和調(diào)整。無論用戶正在使用PC、平板電腦還是手機(jī)，不論是全屏還是非全屏，屏幕橫向或是豎向，頁面均可自動以最佳得分辨率、圖片尺寸等適應(yīng)不同的設(shè)備。具體實(shí)踐方式是多方面的組成，包括彈性網(wǎng)格和布局、圖片、CSS media query的使用等等。

　　響應(yīng)式Web設(shè)計的優(yōu)點(diǎn)可以概括為兩點(diǎn)：

　　1、能夠適應(yīng)不同分辨率的設(shè)備包括PC端、移動端，靈活性強(qiáng);

　　2、PC端和移動端Web應(yīng)用風(fēng)格保持高度一致。

　　正由于要具備這樣的優(yōu)點(diǎn)，也決定了其技術(shù)難度頗高，相對來說成本會較高，牽扯到成本，很多企業(yè)都會猶豫一下，到底是否需要響應(yīng)式設(shè)計?

　　關(guān)于是否需要響應(yīng)式，需要看具體需求，看是否有必要去適用不同的移動設(shè)備了。舉個例子，如果要設(shè)計一個內(nèi)部用的Web應(yīng)用都是在PC端使用，幾乎不會怎么使用移動設(shè)備，那就沒必要，如果是搭建企業(yè)官網(wǎng)，那就有必要了。給大家看一個數(shù)據(jù)，根據(jù)最近公布的《中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計報告》的數(shù)據(jù)顯示，截至2015年12月，我國網(wǎng)民中，使用手機(jī)上網(wǎng)的比例高達(dá)90.1%。如下圖:

　　你的Web應(yīng)用是否需要響應(yīng)式設(shè)計

　　從以上數(shù)據(jù)，我們應(yīng)該意識到：若想要從移動互聯(lián)網(wǎng)中獲得市場，就必須擁有自己的移動端應(yīng)用，web也好，app也好，總歸要有自己的立足點(diǎn)。

　　就網(wǎng)站而言，若要為移動端做不同的設(shè)計，從成本上來說，響應(yīng)式設(shè)計的成本是比較低的，并且后期維護(hù)成本也低，維護(hù)效率也比較高。

　　新的設(shè)備層出不窮，與其被動的進(jìn)行更新維護(hù)，倒不如以主動應(yīng)萬變。

　　能夠讓客戶在不同的終端設(shè)備上看到企業(yè)的網(wǎng)絡(luò)形象都是如一的高大上，難道不是所追求的嗎?

　　注：本文系作者原創(chuàng)，請尊重版權(quán)，如若轉(zhuǎn)載請按如下形式標(biāo)明來源及原文鏈接。