rem手机端 h5 （响应式）

第一步，在index.html 文件下面加如下代码，750px 是2倍设计稿 ，375px 是1倍设计稿 

<script type="text/javascript">
    //Rem
    (function (win, doc) {
        if (!win.addEventListener) return;
        var html = document.documentElement;
        function setFont() {
            var cliWidth = html.clientWidth;
            if(cliWidth > 750){
                cliWidth  = 750;
            }
            html.style.fontSize = 100 * (cliWidth / 750) + 'px';
        }

        win.addEventListener('resize', setFont, false)
        doc.addEventListener('DOMContentLoaded', setFont, false)
    })(window, document);
</script>

响应式：

就是让网站设计能够兼容多个终端，而不用为每个终端开发一个特定的版本，它是一种对于设计的全新思维模式，我们在编写时，应当向下兼容、移动优先。响应式布局虽然能够适配不同的客户端设备，但由于兼容设备的工作量大、代码增多，会使页面加载时间变长，效率降低。

实现方法&#