web移動端rem的適配

**

需求: 隨着移動端設備的變化，內容也跟着變化。
**
先來講說rem單位，以rem爲單位，其大小是根據根元素（html標籤）的字體大小來判斷的，
      如 html的font-size：100px； 子元素div 的width：2em； 等同於width：200px；（100 * 2），
這就來思路了： 先以一個固定適配的html的font-size來把頁面完成，後再根據適配的寬度來動態的設置其html的font-size，以達到咱們的需求，可能有點繞，咱們來看看代碼會更容易理解些。

我以375px（iphone678）設備來進行開發頁面，我設html的font-size：100px（也就是說1em = 100px），

想設置100%的寬和90px的高 用rem來設置，使該footer隨着適配的變化也跟着變化（有人就會說了，直接把寬設置成100%不是更好嗎，是的 會更好，但我這裏只是拿來作例子來說解rem而已。）

 

開看效果：

這個你們都懂是不，接下來正題來了

想換成別的設備，這footer寬高跟着設備進行變化，怎麼作呢？ 對 就是 咱們上所說的思路：根據適配的寬度來動態的設置其html的font-size，請看下面js代碼:

這樣就能夠隨設備的變化而變化了。

看看效果：
iphone5：

iPad:

都適配了。