响应式布局rem

let autoSize = () => {

        //获取设备宽度

        let w = document.documentElement.clientWidth;

        // 320 为起始屏幕的宽度，20为在起始屏幕下的字体大小基准值，字号最大为 40

        let n = 20 * (w / 320) > 40 ? 40 + 'px' : 20 * (w / 320) + 'px';

        // 修改根字体大小

        document.documentElement.style.fontSize = n;

    }

    //给加载和屏幕尺寸变化添加事件监听

    window.addEventListener('load', autoSize);

    window.addEventListener('resize', autoSize);

在public中Index写。