解决uc浏览器不支持vw单位的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决uc浏览器不支持vw单位的方法相关的知识,希望对你有一定的参考价值。

插入下段代码,使用rem来代替vw

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

 

以上是关于解决uc浏览器不支持vw单位的方法的主要内容,如果未能解决你的问题,请参考以下文章

css px em rem % vw vh vm 区别

CSS3视口单位vw,wh

CSS3自适应布局单位 —— vw,vh

如何在Vue项目中使用vw实现移动端适配

转:如何在Vue项目中使用vw实现移动端适配

手机版的chrome和UC浏览器到底支不支持WEBSOCKET