响应菜单和使用的Javascript，以获得宽度问题

Question

我有在iPad迷你一个负责任的菜单设计中的一个问题，我使用JavaScript来detaect窗口大小：

<p id="demo"></p> 
<p id="demo1"></p> 

<script> 
function myFunction() { 
    var x = "Total Width: " + screen.width + "px"; 
    document.getElementById("demo").innerHTML = x; 

    var y = "Total height: " + screen.height + "px"; 
    document.getElementById("demo1").innerHTML = y; 

} 
</script> 

不管方向，这总是： 宽度：768 高度：1024

是否有任何其他方式获取此值，跨越moile divices（迷你和kindle）我在显示上有所不同。其他人有问题吗？

Answer 1

改为使用window.innerWidth和window.innerHeight。 screen.width和screen.height从不改变......因为它们是实际的屏幕尺寸......但窗口确实如此。