PX转REM

Posted fanmiaolan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了PX转REM相关的知识,希望对你有一定的参考价值。

PX转REM

<script>
    var clientWidth;
    var px;
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘,
            recalc = function () {
                clientWidth = docEl.clientWidth;
                var clientHeight = docEl.clientHeight;
                px = 100 * (clientWidth / 640);
                if (!clientWidth) return;
                docEl.style.fontSize = 100 * (clientWidth / 640) + ‘px‘;
            };
        recalc();
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener(‘DOMContentLoaded‘, recalc, false);
    })(document, window);
</script>

 

以上是关于PX转REM的主要内容,如果未能解决你的问题,请参考以下文章

如何在vscode里将px转rem,而且还得爽

sass中px转rem单位

vue中px转rem插件

rem 转 px

好用的px转rem的插件

px转rem 响应式