响应式菜单并使用Javascripts获取宽度问题

Question

我在ipad mini上设计响应式菜单时遇到问题，我使用javascript来隐藏窗口大小：

<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（迷你和点燃）我在显示方面有所不同。其他人有问题吗？

Answer 1

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