mui背景图片全屏方法

2019-07-11  本文已影响0人  不染事非
.mui-content{
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(images/welcome_bg.jpg)no-repeat;
        background-size: 100%100%;
    }

有输入框时不要将height设为100%(弹出输入法会压缩页面,难看),应为固定值
HTML的height为逻辑分辨率,手机有个物理分辨率,魅族手机:物理=逻辑*3


mui.plusReady(function() {
                var height1 = plus.android.invoke(plus.android.currentWebview(), "getHeight");//高度物理分辨率
                var height2 = plus.screen.resolutionHeight;//高度逻辑分辨率
                var top = plus.navigator.getStatusbarHeight();//状态栏高度
                document.getElementsByClassName("mui-content")[0].style.height = (height2) + "px";
                console.log(height1);//1920
                console.log(height2);//640
                console.log(top);//22
            });
mui.plusReady(function() {
                var height1 = plus.android.invoke(plus.android.currentWebview(), "getHeight");//高度物理分辨率
                var height2 = plus.screen.resolutionHeight;//高度逻辑分辨率
                var top = plus.navigator.getStatusbarHeight();//状态栏高度
                document.getElementsByClassName("mui-content")[0].style.height = (height2-top) + "px";
                console.log(height1);//1920
                console.log(height2);//640
                console.log(top);//22
            });
上一篇下一篇

猜你喜欢

热点阅读