一分鐘快速上手 移動端rem適配

**一:window.

onload
=function()
;window.
onresize
=function()
;function
getrem
(pwidth,prem)

下面的**二，是我在小公尺網上看到的移動端h5頁面自適應**，效果跟我的一樣，也可以使用：

**二： 小公尺官網的寫法

!function
(n);
e.addeventlistener&&
(n.addeventlistener
(o,a,!1
),e.
addeventlistener
("domcontentloaded"
,a,!1)
)}(window)
;

看這兩個函式，把這些**放到js裡面，規則就是，呼叫函式，放兩個引數，第乙個引數，是設計稿的寬度，第二個引數是px與rem的轉換比例，通常會寫100（因為好算）；當然了，要把這段js**最好封裝在乙個單獨的js檔案裡，並且放在所有的css檔案引入之前載入。

實際應用起來就是，#box1而呼叫了rem就是#box1以此類推。 100px

= 1rem . 1px = 0.01rem。在頁面中，凡是跟尺寸有關的padding、margin、width、height等等，都可以用rem來寫單位，這樣當不同解析度的手機在看同乙個頁面時，效果幾乎是一樣的。

/* //小公尺官網的寫法

!function(n);

e.addeventlistener&&(n.addeventlistener(o,a,!1),e.addeventlistener("domcontentloaded",a,!1))

}(window);*/

<

/script>

.wrap

.title

<

/style>

<

/head>

="wrap"

>

="title"

>首頁<

/div>

<

/div>

<

/body>

<

/html>

這裡的demo只對字型大小、高度、行高做了rem換算，其他的沒做，只是給大家看乙個效果。就到這了，希望點讚哦！

Git一分鐘上手

流程 取 每次工作前更新 到最新版本 修改 提交 到伺服器 設定使用者名稱與郵箱 12 git config global user.name my name git config global user.email my email.com 從已有的git庫中提取 git clone git se...

Git一分鐘上手

git一分鐘上手 流程 取 每次工作前更新 到最新版本 修改 提交 到伺服器 取 及修改全域性設定 設定使用者名稱與郵箱 git config global user.name my name git config global user.email my email.com 從已有的git庫中提取...

Git一分鐘上手

流程 取 每次工作前更新 到最新版本 修改 提交 到伺服器 設定使用者名稱與郵箱 12 git config global user.name my name git config global user.email my email.com 從已有的git庫中提取 git clone git se...