iPad上的動態JS舞臺大小不正確

我創建了一個新的動態舞臺，在Chrome上它工作正常。在iPad上，當我使用Safari的開發人員工具並連接到iPad並檢查創建的DOM時，新舞臺的尺寸並非我所指定的。iPad上的動態JS舞臺大小不正確

另請注意：如果在寬度和高度中指定實際數字，則無關緊要。同樣的問題，iPad上的舞臺總是768 x 361。

////// STAGE ///////// 

    var stage = new Kinetic.Stage({ 
     width: window.innerWidth, 
     height: window.innerHeight - 200, 
     container: 'kineticStage', 
     draggable: true 
     });

//注意：在桌面瀏覽器控制檯下面一行報道，正是我所期待的舞臺高度。

console.log(stage.getHeight()); // reports (screenheight - 200)

然而，Safari的開發工具在報告iPad上的DOM以下...

畫布寬度= 「768」 HEIGHT = 「361」的風格=「填充：0像素;保證金：0像素;邊框：0像素;背景顏色：透明;位置：絕對的;頂部：

一件事...如果我添加此功能...

function resize() { 

    stage.setWidth(window.innerWidth); 
    stage.setHeight(window.innerHeight-200); 
    stage.draw(); 

}; 

window.addEventListener('resize', resize, false);

然後旋轉的iPad，然後將畫布調整大小正確，但是，從來沒有在冷杉t時間加載...

任何想法？

來源

2014-01-09 JSdc

OK我張貼了這個之後，試圖找到問題2天，突然我發現那就是：

<meta name="viewport" content="width=device-width">

刪除該行固定的問題。

來源

2014-01-09 14:30:06 JSdc

iPad上的動態JS舞臺大小不正確

回答

相關問題