響應式
響應式是發布在2023年5月份，其主要功能是相容各種移動裝置
優點
可以相容在各種移動裝置上
能夠快速的適應移動裝置大小
缺點
**量太大
還有很多無用的標籤
載入也加長了
其實這個就是個中質的設計解決方 多方面因素達不滿意效果。
設計思路
我們在上面了解了什麼是響應式布局，那在我們的實際專案中應該怎麼去設計呢？在以往我們設計**的時候都會受到不同瀏覽器的相容性的困擾，還要來個不同尺 寸裝置，我們該怎麼淡定下來呢？有需求就會有解決方案，說到響應式布局，就不得不提起css3中的media query（媒介查詢），這可是個好東西，易用、強大、快捷……media query是製作響應式布局的乙個利器，使用這個工具，我們可以非常方便快捷的製造出各種豐富的實用性強的介面。接下來就一起來深入的了解media query。
1、css3中的media query（媒介查詢）是什麼？[1]
通過不同的媒介型別和條件定義樣式表規則。媒介查詢讓css可以更精確作 用於不同的媒介型別和同一媒介的不同條件。媒介查詢的大部分媒介特性都接受min和max用於表達」大於或等於」和」小於或等於」。如：width會有 min-width和max-width媒介查詢可以被用在css中的@media和@import規則上，也可以被用在html和xml中。通過這個標 籤屬性，我們可以很方便的在不同的裝置下實現豐富的介面，特別是移動裝置，將會運用更加的廣泛。
2、media query能夠獲取哪些值？
裝置的寬和高device-width，device-height顯示螢幕/觸覺裝置。
渲染視窗的寬和高width，height顯示螢幕/觸覺裝置。
裝置的手持方向，橫向還是豎向orientation（portrait|lanscape）和印表機等。
畫面比例aspect-ratio點陣印表機等。
裝置比例device-aspect-ratio-點陣印表機等。
物件顏色或顏色列表color，color-index顯示螢幕。
裝置的解析度resolution。
3、語法結構及用法
@media 裝置名 only （選取條件） not （選取條件） and（裝置選取條件），裝置二
示例一：在link中使用@media：
上面使用中only可省略，限定於計算機顯示器，第乙個條件max-width是指渲染介面最大寬度，第二個條件max-device-width是指裝置最大寬度。
示例二：在樣式表中內嵌@media：
@media ( min-device-width:1024px ) and ( max-width:989px )，screen and ( max-device-width:480px )，( max-device-width:480px ) and ( orientation:landscape )，( min-device-width:480px ) and ( max-device-width:1024px ) and ( orientation:portrait )
在示例二中，設定了電腦顯示器解析度（寬度）大於或等於1024px（並 且最大可見寬度為989px）；屏寬在480px及其以下手持裝置；屏寬在480px以及橫向（即480尺寸平行於地面）放置的手持裝置；屏寬大於或等於 480px小於1024px以及垂直放置裝置的css樣式。
從上面的例子可以看出，字元間以空格相連，選取條件包含在小括號內，srules為相容設定的樣式表，包含在中括號裡面。only（限定某種裝置，可省略），and（邏輯與），not（排除某種裝置）為邏輯關鍵字，多種裝置用逗號分隔，這一點繼承了css基本語法。
百分比
百分比。在設定元素的樣式時，應使用百分比，而不是固定的數字，尤其是的縮放
更是使用百分比，如果需要可以設定max-width
Vue 響應式解析
lang en charset utf 8 name viewport content width device width,intial scale 1 vue 響應式解析title head div getelementbyid 對單個物件使用響應式繫結 function definereact...
二 vue響應式解析
在使用vue時，需要修改設計屬性值的時候，頁面的資料直接更新。使用js中 object.defineproperty 這個方法實現 上述方法需要的引數 object.defineproperty 物件,設定什麼屬性名 將物件轉換為響應式 var o function definereactive t...
vue響應式原理解析
vue響應式原理解析 首先定義了四個核心的js檔案 1.observer.js 觀察者函式，用來設定data的get和set函式，並且把watcher存放在dep中 2.watcher.js 監聽者函式，用來設定dep.target開啟依賴收集的條件，和觸發檢視的更新函式 3.compile.js ...