AppMobi XDK中宽度和高度的确定

Question

我是usig AppMobi XDK，想要应用一些样式在不同的设备上根据他们的屏幕resolution.The的问题是，我无法确定我的任何模拟设备的宽度和高度。请帮帮忙

Answer 1

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

在XDK中有一个问题，它只有在appMobi.device.ready事件被触发后才能使用300ms+。

Answer 2

根据Ian的评论，在触发appMobi.device.ready之后需要300ms。

在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();       

}    

}；