移動端微信頁面的一些本身爬的坑

     最近公司又接了一個項目，我負責微信端頁面的開發，想說一下這兩天遇到的坑，其實之前也遇到過，只是當時沒想着把它記下來，因此致使此次寫頁面浪費了我好長時間，因此今天準備把它下來，以防後患。

　　首先就是背景的問題，我看了設計圖是上面白色的背景，下面灰色的背景，剛開始我以爲應該給它設置高度，寫出來以後徹底不像樣，瞬間懵逼，這寫的狗屎同樣的代碼，後來才明白它應該是以灰色爲背景，上面的div加白色背景就能夠了，這麼簡單我想了好半天，感受本身從學校回來就沒救了，還有就是給上面的div加padding，這個也是遇到的問題。

　　而後就是頁面樣式的問題了，由於用的是rem來設置寬、高和字體大小，剛開始用了js來設置不一樣屏幕下的html根字體的大小，後來以爲用的不順手仍是用了之前用的css來設置媒體查詢，rem真的好用，誰用誰知道。用js來設置html的font-size字體大小，代碼以下：

(function(){
      var html = document.documentElement;
      hwidth = html.getBoundingClientRect().width;
      html.style.fontSize = hwidth/15 + "px";    
})()

先就記錄這些把，之後有坑再填！！！