Question

我想用html / javascript中的一些小东西帮助我，如何制作一个用于检测页面宽度和高度的javascript代码，当它小于我想要的时候只需弹出警告“按下Ctrl - ”进行调整。（我知道如何做消息，只需要帮助检测页面大小）

谢谢！

Answer 1

JQuery的快速代码段：

if ($(document).height() < minHeight || $(document).width() < minWidth) {
    // call popup
}

minHeight和minWidth是您应该定义的变量。

Answer 2

如果您想要Ctrl - 意味着您希望浏览器的高度和宽度用于大屏幕目的按Ctrl键 - 然后按照此步骤（获取宽度，高度的简便方法）

Press F12 - > Click on Console -> now right side under search option [in fire bug window] type window.innerWidth then select window.innerWidth and press run button which is exact under this window (bottom) and  check in console [bottom] browser print window.innerWidth. Do same for get window.innerHeight

Answer 3

尝试以下解决方案来检测页面宽度和高度

var pageWidth = document.documentElement.clientWidth,
    pageHeight = document.documentElement.clientHeight;
alert('Page Width '+pageWidth);
alert('Page Height '+pageHeight);

Fiddle Demo

如何在Javascript中检测页面宽度和高度？

3 个答案: