rem是相對於根元素html的預設或者自定義的文字大小進行縮放的，子元素是根元素html的字型大小縮放的。
原理：相對於頁面寬度的幾分之幾，相對頁面寬度而言的，所以頁面響應比較好。
html預設的1rem==16px，在響應式布局中，乙個個除來轉換成rem，太麻煩，所以重置rem
body 此時1rem = 10px;若是12px則是1.2rem.後面元素的具體的樣式就是直接以rem做單位
在body也可以自行轉換回來。
方法2：一般用這個的多些 這個是設定html的font-size ，1rem==此刻設定的文字的大小
重置的**（請放在css檔案引入之前）：750px的設計圖 按照標註的畫素直接1：1轉換成rem就可以了 ，最後呈現的大小就是標註的畫素的二分之一 這樣前端實現ui圖方便些
(function (doc, win) else if (size > 100) elsevar size = size + 'px';
docel.style.fontsize = size;
};console.log(docel);
recalc();
win.addeventlistener(resizeevt, recalc, false);
})(document, window);
響應式布局 響應式布局技巧
一理解幾種布局的概念 1 靜態布局 static layout 即傳統web設計，對於pc設計乙個layout，在螢幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分 意思就是不管瀏覽器尺寸具體是多少，網頁布局就按照當時寫 的布局來布置 對於移動裝置，單獨設計乙個布局，使用不同的網域名稱如wap...
響應式程式設計 什麼是響應式程式設計
那麼什麼是響應式程式設計，來看個簡單的例子 var i 1,j 2,k i j print k k k 3 i 3 j 4 print k k k 3在這裡把i,j,k當成某個狀態，k是j,i兩個狀態的組合，正常的程式設計中，在計算了k的狀態之後，再去改變j,i的狀態是不會影響到c的狀態的。所以在正...
vue響應式布局 Vue 響應式原理
vue2 的資料偵測 在 src observer 目錄裡面，元件例項在初始化時，會呼叫 observe 函式處理 data function initdata vm observe 改寫了所有物件屬性的 getter setter 和陣列原型上的 7 個會改寫陣列方法，從而讓 data 變成可響應...