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

标签 javascript

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

最佳答案

最大浏览器大小宽度将是屏幕的宽度和高度:

screen.height;
screen.width;

但我会使用 CSS 媒体查询来完成您要执行的操作:

http://css-tricks.com/css-media-queries/

如果窗口宽度小于 500 像素,这样的事情会使页面背景变黑:

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

更新:

哦,你会想要一个用于不支持媒体查询的旧浏览器的 polyfill:

https://github.com/scottjehl/Respond

这将使您的媒体查询一直到 IE6!

关于javascript - 如何使用javascript查找最大用户浏览器窗口宽度和当前,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15327829/

相关文章:

c# - 为什么尝试访问 null 的属性会导致某些语言出现异常?

javascript - 与 ui-router 绑定(bind)的访问范围

JavaScript object.hasOwnProperty(proName) vs lodash _.has(obj, proName) 函数

javascript - CSS 在表格的列背景颜色和表格中的选定行中禁用输入

javascript - 如何将 JSON 数组中的特定对象元素获取到 JavaScript 数组中

javascript - React.js 事件需要点击 2 次才能执行

javascript - 模态对话框的 iframe 与 innerHTML - 哪个更好?

javascript - 为什么在执行 ajax 请求时我的页面会锁定?

javascript - 从asp.net中的可编辑div中获取内部html

javascript - 用JS访问ejs文件中的静态文件