發布日期：2017/4/13

摘要： 移動互聯網盛行之下，怎能沒有移動端Web?那么問題來了，移動端Web是什么?響應式設計又是什么?是否都有需要進行響應式設計? 首先我們先說一下移動端Web，它是相對于PC端而言的，典型

 

移動互聯網盛行之下，怎能沒有移動端Web?那么問題來了，移動端Web是什么?響應式設計又是什么?是否都有需要進行響應式設計?

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

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

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

 

響應式Web設計(Responsive Web design)的理念是頁面的設計與開發應當根據設備環境(屏幕尺寸、屏幕定向、終端系統等)以及用戶行為(改變窗口大小等)進行響應和調整。無論用戶正在使用PC、平板電腦照舊手機，不論是全屏照舊非全屏，屏幕橫向或是豎向，頁面均可主動以好佳得分辨率、圖片尺寸等適應不同的設備。具體實踐體例是多方面的組成，包括彈性網格和布局、圖片、CSS media query的使用等等。

響應式Web設計的優點可以概括為兩點：

1、能夠適應不同分辨率的設備包括PC端、移動端，天真性強;

2、PC端和移動端Web應用風格保持高度一致。

正因為要具備這樣的優點上海樓體亮化，也決定了其技術難度頗高，相對來說成本會較高，牽扯到成本，許多企業都會猶豫一下，到底是否需要響應式設計?

關于是否需要響應式，需要看具體需求，看是否有需要去適用不同的移動設備了。舉個例子，假如要設計一個內部用的Web應用都是在PC端使用，幾乎不會怎么使用移動設備，那就沒需要，假如是搭建企業官網，那就有需要了。給大家看一個數據，根據好近公布的《中國互聯網絡發展狀況統計報告》的數據顯示，截至2015年12月，我國網民中，使用手機上網的比例高達90.1%。如下圖:

 

從以上數據，我們應該意識到：若想要從移動互聯網中獲得市場，就必須擁有自己的移動端應用，web也好，app也好，總歸要有自己的立足點。

就網站而言上海網絡公司，若要為移動端做不同的設計，從成本上來說，響應式設計的成本是比較低的，并且后期維護成本也低，維護效率也比較高。

新的設備層出不窮，與其被動的進行更新維護，倒不如以自動應萬變。

能夠讓客戶在不同的終端設備上看到企業的網絡形象都是如一的嵬峨上，難道不是所追求的嗎?

注：本文系作者原創，請尊再版權，如若轉載請按如下形式標明來源及原文鏈接。