什么是
響應式
網站
響應式網站會隨著訪問設備尺寸的不同自動改變頁面的樣式和布局。一個網站等于同時兼顧了多個網站，
電腦、手機、平板、微信、電視都能友好訪問。既是PC網站，又可變身微站、微商城，接入到
微信、微博等移動App 。
電腦、手機、平板、微信、電視都能友好訪問。既是PC網站，又可變身微站、微商城，接入到
微信、微博等移動App 。
傳統網站
缺陷
在移動互聯網時代，瀏覽設備、屏幕多元化發展的今天，使用傳統網站進行品牌宣傳、商品銷售的局限性
越來越明顯。尤其體現在移動設備上的顯示和交互缺陷。
越來越明顯。尤其體現在移動設備上的顯示和交互缺陷。
傳統網站在電腦上可以正常使用，
但使用手機、平板等移動設備訪問卻會出現如下問題
但使用手機、平板等移動設備訪問卻會出現如下問題
Flash技術效果不兼容，動畫效果無法使用
網站排版布局固定，內容擠壓，點擊困難
網站內容字體小，用戶需要放大才能查看
無法與微信進行對接，不利于分享傳播
體驗效果太差，移動端用戶流失率高
移動端搜索排名靠后，不利于移動端推廣
傳統網站的移動化
難題
目前，有很多企業選擇在電腦端使用傳統網站，而在移動端再開發一個手機網站。
用戶在訪問時，瀏覽器會自動識別客戶使用的設備，在兩個網站之間進行跳轉。
用戶在訪問時，瀏覽器會自動識別客戶使用的設備，在兩個網站之間進行跳轉。
看似是一個網站，實際是在兩個不同網址的站點間進行跳轉
這種解決方案看似解決了不同設備的顯示問題，但同樣存在眾多缺陷
這種解決方案看似解決了不同設備的顯示問題，但同樣存在眾多缺陷
- 開發成本高
- 兩個網站需分別設計開發，開發成本翻倍。
- 內容無法同步管理
- 兩個網站使用兩個后臺，用戶、訂單數據分開管理，加大負擔。
- 搜索排名不友好
- 電腦網站與手機網站有不同網址，不易被搜索引擎收錄，影響網站搜索排名。
- 升級改版麻煩
- 當網站進行升級改版的時候，需要重新設計開發
HTML5響應式網站的
誕生
正是為應對設備、平臺的多元化發展，響應式技術誕生了。
制作一個響應式網站，就相當于有了三個網站，電腦、手機、平板都能完美顯示。網站的版塊可隨著
設備屏幕的不同尺寸自動改變位置，網站文字可以在不同設備顯示合適的大小，無需讓用戶將局部放大、
縮小查看。讓使用不同設備訪問的用戶都能獲得最佳的瀏覽體驗。
制作一個響應式網站，就相當于有了三個網站，電腦、手機、平板都能完美顯示。網站的版塊可隨著
設備屏幕的不同尺寸自動改變位置，網站文字可以在不同設備顯示合適的大小，無需讓用戶將局部放大、
縮小查看。讓使用不同設備訪問的用戶都能獲得最佳的瀏覽體驗。
