web移动端适配之rem适配原理

!function(window, document) {
    function setSize() {
        // 设备宽度
        let deviceWidth = window.screen.width;
        // 设计稿宽度
        const baseValue = 750;
        // html的字体大小 = (设备宽度 / 设计稿宽度) * 100
        document.documentElement.style.fontSize = (deviceWidth / baseValue) * 100 + 'px';
    }
    // DOM树加载完执行
    window.addEventListener("DOMContentLoaded", function() {
        setSize();
    })
    // 屏幕变化执行
    window.addEventListener("resize", function() {
        setSize();
    })
    setSize();

}(window, document)