1、什麼是rem
rem（font size of the root element）是乙個相對單位，它是根據根元素（html）的font-size大小來計算的，如根元素字型大小為10px，那麼1rem = 10px
em（font size of the element）也是乙個相對單位，它是根據父元素的字型大小來計算的。
舉個例子，如果我們想讓ul標籤的font-size是12px，我們先把html標籤font-size設定為16px，然後可以這樣使用rem單位
html ul
如果ul標籤中巢狀 li 標籤，li標籤的font-size是6px
html ul li
2、rem在響應式布局當中的使用
a)第一種改變html根元素font-size方法使用**查詢
html @media(min-width: 800px) }h1 p
b)在vue中監聽裝置寬度，更改根元素fontsize的大小
(function(doc, win)
if (!doc.addeventlistener) return
win.addeventlistener(resizeevt, recalc,
false
) doc.addeventlistener('domcontentloaded', recalc, false
)})(document, window)
然後在main.js中引入，直接import './config/rem'匯入即可，import的路徑根據你的檔案路徑去填寫。
移動端自適應rem布局
補充乙個基本知識，不許笑，1rem等於html中設定的字型大小 px 首先，html 的 head 部分中加入如下 initial scale 初始縮放比例，即當瀏覽器第一次載入頁面時的縮放比例。值為 1.0 即原始尺寸。maximum scale 允許瀏覽者縮放到的最大比例，一般設為1.0，即原始...
rem自適應布局 移動端自適應必備
由於移動端特殊性，本文講的是如何使用rem 實現自適應 或叫rem 響應式布局，通過使用乙個指令碼就可以rem自適應 rem是相對於根元素 這樣就意味著，我們只需要在根元素確定乙個px字型大小，則可以來算出元素的寬高。1rem 16px 瀏覽器html的畫素，可以設定這個基準值 假如瀏覽器的html...
基於REM的移動端自適應布局方案
rules e.addeventlistener pageshow function e initial scale 設定頁面的初始縮放值，為數字，可帶小數 minimum scale 允許使用者的最小縮放值，為數字，可帶小數 maximum scale 允許使用者的最大縮放值，為數字，可帶小數 h...