用rem布局,在安卓app中浏览页面样式乱了,好像是rem没生效,有啥解决办法?

function rem(win, doc){

            function setFontSize() {

                var winWidth =  window.innerWidth;

                var size = (winWidth / 640) * 100;

                doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px' ;

            }


            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';


            var timer = null;


            win.addEventListener(evt, function () {

                clearTimeout(timer);


                timer = setTimeout(setFontSize, 300);

            }, false);


            win.addEventListener("pageshow", function(e) {

                if (e.persisted) {

                    clearTimeout(timer);


                    timer = setTimeout(setFontSize, 300);

                }

            }, false);


            setFontSize();


            console.log('page loaded')

        };

        window.onload = rem(window, document);

目前这样写还是有问题,rem的布局没生效

Qyouu
浏览 1555回答 1
1回答

慕慕森

$(window).on("resize",function(){$("html").css("fontSize",$(window).width()/6.4);}).resize();
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript