关于rem的一些问题

什么是rem

rem在移动端自适应中使用的比较多，rem是一个像素单位，是相对于页面的HTML的fontSize属性的属性值的大小，一般我们在使用rem的时候会先按照设计图值的大小来设置HTML页面根元素的大小，页面中所有的宽高以及字体的大小都是根据HTML页面根元素的大小来进行设置的，所以当根元素大小发生变化时，页面也会随之变化。

rem的简单设置

使用js来对rem进行设置

<script>
    (function () {
        function computed() {
            var winW=750;// 设计稿的宽度
            var screeW=document.documentElement.clientWidth
            var font=screeW*100/winW;
            document.documentElement.style.fontSize=font+"px"
        }
        computed();
        window.addEventListener("resize",computed）
    })()
    </script>

使用jQuery来对rem进行设置

(function () {
    let computed = ()=> {
        let $HTML = $(document.documentElement),
            winW = $HTML[0].clientWidth,
            value = 100;
        value = winW < 640 ? winW / 640 * 100 : value;
        $HTML.css('fontSize', value);
    };
    computed();
    $(window).on('resize', computed);
})();