移动端微信页面的一些本身爬的坑

     最近公司又接了一个项目，我负责微信端页面的开发，想说一下这两天遇到的坑，其实之前也遇到过，只是当时没想着把它记下来，因此致使此次写页面浪费了我好长时间，因此今天准备把它下来，以防后患。

　　首先就是背景的问题，我看了设计图是上面白色的背景，下面灰色的背景，刚开始我以为应该给它设置高度，写出来以后彻底不像样，瞬间懵逼，这写的狗屎同样的代码，后来才明白它应该是以灰色为背景，上面的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";    
})()

先就记录这些把，之后有坑再填！！！