动态rem

通过js动态设置根元素的rem方案

手淘的方案：

  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no,email=no" name="format-detection">
  <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>

<!-- 设计稿依旧为750px,此div在视觉稿中width：750px ;height:200px;   
       在此方案中 1rem == 75px 也就是说视觉稿中的px值除以75即可得到rem的值。
-->
  <div style="width:10rem;height:2rem;background:#f00;color:#fff;text-align:center;">
    test
  </div>

修改位置，改为自己的设计稿尺寸。