響應式開發從原理到實戰案例（一）：響應式基本概述 什麼地方用到響應式？ 自適應和響應式的區別
诓煌笮〉钠聊簧巷@示對應風格。如下圖所示
響應式的主要特點：頁面的代碼不變，根據屏幕的大小調整布局（什麼樣的布局是由前端人員來設計）
什麼地方用到響應式？
- 網站的內容並不是很多，如：公司的官網、宣傳頁面、產品列表、圖片列表
- 使用響應式網頁的特點：頁面的內容比較少，布局也不複雜
為了更加直觀，我們對比一下。
無響應式的網站
- 淘寶網
- 京東網
- 騰訊課堂
- 百度傳課
響應式網站
- 知創科技的官網
- bootstrap官網
- 36氪
- 阿里Web App開發框架 SUI
Web App網站
- 聯想手機官網
- 小米商城
- 一元雲購
- 京東手機網
通過對比上面的網站，我們可以總結出這樣的內容：
- 內容比較簡單的頁面適合做響應式，提升用戶的體驗
- 網頁的內容比較豐富、類別比較多，如京東、天貓、淘寶網。這樣比較大型的網站不宜做響應式。而是獨做Web App來取代
- PC端對應的移動端網址喜歡用 m.域名的方式。例如：http://m.taobao.com http://m.jd.com。
在工作上，什麼情況下會考慮做響應式開發了？可能有下面的幾種情形。
- 老版本網站改版升級要求支持響應式
- 中小型網站會考慮響應式應用
- 很多企業為了快速獲取用戶，會優先開發移動端，然後擴展到PC端。
自適應和響應式的區別
自適應：解決如何才能在不同大小的設備上呈現同樣的網頁(頁面的內容和布局不改變)
響應式：根據不同的設備做出相應的調整，調整布局或是元素（頁面的內容和布局是有改動的）
推薦閱讀：