javascript - 使用 Javascript 测量当前窗口

Question

好的，所以我正在尝试建立一个以大图片为背景的网站。我希望能够根据用户的窗口大小加载不同大小的图片，以便他们（希望）看不到任何空白区域。我想使用 JavaScript 来测量当前屏幕的大小。然后，根据窗口的大小，我想加载与该分辨率相对应的图像。

但是，在网上查找时，我找不到在所有浏览器中获取窗口大小的标准方法。非常感谢任何帮助！另外，如果您对如何实现此功能有其他想法，请告诉我！

score 4 · Accepted Answer

用户的窗口在使用过程中不可能有很大的变化。最好只提供一张图片，然后根据大小进行缩放。这可以通过单独的 CSS 来实现。

img#my-big-background-image { 
    width: 100%;
}

score 2 · Accepted Answer

jQuery、YUI 和其他 JavaScript 框架已经解决了这个问题。看看他们的解决方案，即使你不想插入一个完整的框架。

score 2 · Accepted Answer

var height = $(window).height();
var width = $(window).width();

这将适用于所有主要浏览器。

3 回答 3