**
需求: 隨着移動端設備的變化，內容也跟着變化。
**
先來說說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:
都適配了。