1、rem是css3新增的相對長度單位，是指相對於根元素html的font-size計算值的大小。簡單可理解為螢幕寬度的百分比。
2、什麼是dpr?
dpr是螢幕畫素密碼比
計算：dpr=液晶螢幕px尺寸 / 物理尺寸（量多少就是多少）
常用的dpr有：dpr = 2，dpr=3
window.devicepixelratio這個api可以獲取到當前螢幕的dpr
3、區分css單位：
1、寫一段js**：
ndex.js
// 作用：重置html的font-size
function
resetrootfz()
resetrootfz()
// 當window視窗尺寸變化時，重新設定根字型的大小
window.
addeventlistener
('resize'
,function()
);
"./index.js"
>
<
/script>
vscode外掛程式自動轉成rem
結尾：直男直接上方法，簡單方便好用。
移動端rem布局
時隔半年，再次回顧移動端開發，感覺自己又張知識了 我們平常用的較多的單位是px,百分比，rem,em,vw,vh，但是在移動端用的比較多的還是rem，但是他在用的過程中要注意什麼呢，怎麼用呢，下面就開始啦。他是乙個度量單位，可以用他作為高寬，字型的單位。他以html中設定font size的大小為基...
移動端rem布局
什麼是rem rem是css3新增的乙個相對單位 root em，根em 這個單位與em有什麼區別呢？區別在於使用rem為元素設定字型大小時，仍然是相對大小，但相對的只是html根元素。em 作為font size的單位時，其代表父元素的字型大小，em作為其他屬性單位時，代表自身字型大小 mdn r...
移動端布局 REM
css單位有3種 px 絕對單位 em 相對父元素的單位 rem 相對根元素 頁面的html 的單位 css3新增的 什麼是rem？rem就是指相對根元素 頁面html 的單位。例如 html設定了font size為10px，那麼1rem就是10px，2rem就是20px html h1移動端布局...