AppMobi XDK의 너비와 높이를 알아 내기

Question

나는 AppMobi XDK를 사용하여 화면 해상도에 따라 다른 장치에 스타일을 적용하려고합니다. 문제는 내가 시뮬레이션 한 모든 장치의 너비와 높이를 결정할 수 없다는 것입니다. 도와주세요

Answer 1

크기는 window.innerHeight 및 window.innerWidth를 기준으로 가져올 수 있습니다.

appMobi.device.ready 이벤트가 실행 된 후 300ms +까지 사용할 수없는 XDK에는 문제가 있습니다.

Answer 2

이안 주석은 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 = 함수() {

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

}  

을};