根据屏幕宽度设定1rem的px值

rem（font size of the root element）是相对长度单位。相对于根元素（即html元素）font-size计算值的倍数。

    <script>
        /** 得到屏幕的宽度*/
        let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
        /** 得到html的Dom元素*/
        let htmlDom = document.getElementsByTagName('html')[0];
        /** 设置根元素字体大小 */
        htmlDom.style.fontSize = htmlWidth / 20 + 'px';
    </script>

第三方库的rem适配

第三方库用的一般是使用px单位，无法使用rem适配不同设备的屏幕。
解决办法：使用px2rem-loader插件将第三方ui库的px转换成rem单位。

来源：CSDN

作者：XiumingLee

链接：https://blog.csdn.net/XiumingLee/article/details/104013975