javascript - 有什么方法可以在 JavaScript/Jquery 中获取整个窗口的实际大小？

Question

我正在尝试为我的网站制作一个流畅的布局，但问题是，如果在页面加载之前将窗口大小重新调整为较小，然后他们最大化他们的窗口，那么页面就会变小，我的问题这是我如何获得窗口的全尺寸宽度和高度，即使页面很小。

$(document).ready(function()
{
    var Height = $(document).height();
var Width = $(document).width();
});

这给了我窗口的高度和宽度，即使窗口很小，我也想要最大化的尺寸。

Answer 1

听起来您实际需要做的是监听窗口的 resize 事件并根据需要重新排列内容。

或者，以现代方式使用 CSS 媒体查询:

@media all and (max-width:480px) {
    /* styles for when the window is less than or equal to 480px wide */
}