确定AppMobi XDK的宽度和高度

Question

我使用AppMobi XDK并希望根据屏幕分辨率在不同设备上应用一些样式。问题是我无法确定任何模拟设备的宽度和高度。请帮忙

Answer 1

您可以根据window.innerHeight和window.innerWidth获得大小。

在XDK中存在一个问题，它在appMobi.device.ready事件被触发后300ms +之前无法使用。

Answer 2

来自Ian评论appMobi.device.ready触发后需要300毫秒。

在index.html文件中，只需在onDeviceReady函数中添加一个setTimeout。

var onDeviceReady=function(){
    //Size the display to 768px by 1024px
   // AppMobi.display.useViewport(768,1024); 
   //hide splash screen
    AppMobi.device.hideSplashScreen();  

    setTimeout(setDisplayScreen, 300);

};

在我的情况下，我只想将页脚放在屏幕的底部，我已将其设置为PX。

function setDisplayScreen(){
   var dHeight = window.innerHeight;
   document.getElementById("footer").style.top = dHeight - 70 + "px";

}

它运作得很好。 在页脚出现之前有一点延迟但是还不错。

Answer 3

问题是当设备准备好时窗口高度不正确。这对我很好：

var onDeviceReady = function（）{

intel.xdk.device.setRotateOrientation("any");
intel.xdk.device.setAutoRotate(true);

setTimeout(setDisplayScreen, 300);

function setDisplayScreen() {
    var dHeight = window.innerHeight;
        $('body').css('height', dHeight)
    intel.xdk.device.hideSplashScreen();       

}    

};