如何使用javascript查找最大用户浏览器窗口宽度和当前

我正在使用javascript搜索一种方法来查找访客浏览器窗口的宽度和高度，但我还想找到最大窗口大小，因此如果用户使窗口变小或变大，一些元素会自动更改位置或大小，如facebook聊天。有什么建议吗？

您可以使用

window.innerWidth

和

window.innerHeight

您可以使用css position'fixed'或absolute来定位相对于窗口的任何dom元素，以便在调整窗口大小时重新调整自身

您可以使用

window.onresize

来侦听窗口大小调整事件

jQuery等价物

---

$（window.width（）$（窗口）.height（）

和

$（窗口）.resize（函数（）{}）
最大浏览器大小宽度为屏幕的宽度和高度：

screen.height;
screen.width;

但我会使用CSS媒体查询来实现您的目标：


如果窗口宽度小于500px，这样会使页面背景变黑：

@media only screen and (max-width: 500px) {
  body {
    background: #000;
  }
}

更新：

哦，对于不支持媒体查询的旧浏览器，您需要一个polyfill：


这会让你的媒体查询一直通过IE6
 如果您可以使用jQuery，以跨浏览器的方式设置侦听器非常容易：

$(window).resize(function() {
  alert($(window).width()) //window width
  alert($(window).height()) //window height
}).trigger("resize") //to ensure that you do whatever you're going to do when the window is first loaded;

最大窗高为

window.screen.availHeight - (window.outerHeight - window.innerHeight)

您是否考虑过使用相对定位和基于百分比设置宽度和高度？最大窗口大小不一定受用户屏幕的物理尺寸限制。用户也不一定需要与最大屏幕大小一样大的窗口。考虑一个桌面扩展到两个屏幕的用户。他们不太可能（但可能）希望在两个屏幕上都有一个窗口。只需处理你拥有的窗口，使用CSS，而不是javascript。+1从来不知道在CSS中使用最大宽度等媒体查询的能力。感谢男士，这真的很有帮助。如果它回答了你的问题，请接受。我完全是因果报应的妓女