我正在寻找一种使用 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/