①在移動互聯日益成熟的時候，我們在桌面瀏覽器上開發的網頁已經無法滿足移動裝置的閱讀。
②通常的做法是針對移動端單獨做一套特定的版本，但是如果終端越來越多那麼你需要開發的版本就會越來越多（大屏移動裝置普及）
③這時候就出現了響應式開發，簡而言之，就是乙個**能夠相容多個終端
④現在的移動裝置螢幕越來越大，越來越多的設計師也採用了這種設計，在新建站的一些**現在普遍採用的響應式開發
①css3中的media query（**查詢）：通過查詢screen的寬度來指定某個寬度區間的網頁布局。
@media screen and (max-width:??px) and(nin-width:??px)②螢幕區間設定：
③舉例：
<div
class
="container"
>
div>
*.container/*超小屏裝置(768px以下): 當前容器的寬度100%, 背景是藍色
*/@media screen and (max-width:768px)}
/*小屏裝置 (768px-992px): 當前容器的寬度750px,背景是綠色
*/@media screen and (max-width:992px) and (min-width:768px)}
/*超小屏裝置(992px-1200px):當前容器的寬度970px, 背景是紅色
*/@media screen and (max-width:1200px) and (min-width:992px)}
/*超小屏裝置(1200px以上): 當前容器的寬度1170px, 背景是黃色
①移動web開發+pc開發和響應式開發的對比：
②結論：移動web開發和響應式開發都是現在主流的開發模式。使用的都是流式布局，來適配不同裝置由於終端裝置的多樣化，新建站的站點會優先用響應式來開發
響應式開發
現在的自由響應式的html5模板的有著高度的市場需求，因為他們完全改變了 設計與開發工業來說，是比較容易的，順手，高階語言，可以很容易地建立了很多令人驚訝的事情，很快。這些模板是易於定製，有很多不同的特點。響應式html5模板不僅是高質量的而且看起來偉大在每個裝置的顯示器，在這個時代的玩意兒片是至關...
響應式開發
1.什麼是響應式開發 顧名思義，同乙個 相容不同的大小的裝置。如pc端 移動端 平板 橫屏 豎排 的顯示風格。描述響應式介面最著名的一句話就是 content is like water 翻譯成中文便是 如果將螢幕看作容器，那麼內容就像水一樣 2.為什麼要設計響應式開發 因為市面上出現了越來越多的智...
vue響應式布局 Vue 響應式原理
vue2 的資料偵測 在 src observer 目錄裡面，元件例項在初始化時，會呼叫 observe 函式處理 data function initdata vm observe 改寫了所有物件屬性的 getter setter 和陣列原型上的 7 個會改寫陣列方法，從而讓 data 變成可響應...