响应式菜单和使用 Javascripts 获取宽度问题答案

【问题标题】：Responsive menu and using Javascripts to obtain width issues响应式菜单和使用 Javascripts 获取宽度问题
【发布时间】：2014-06-12 20:20:50
【问题描述】：

我在 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（mini 和 kindle）我在显示上有所不同。其他人有问题吗？

【问题讨论】：

标签： javascript html css responsive-design

【解决方案1】：

请改用window.innerWidth 和window.innerHeight。 screen.width 和 screen.height 永远不会改变...因为它们是实际的屏幕大小...但窗口会改变。

【讨论】：

我倾向于同意这一点。我正在做一个响应式设计，我只使用 window.innerWidth。