我想知道浏览器“视口”何时调整大小答案

【问题标题】：I want to know when the browser "viewport" resizes我想知道浏览器“视口”何时调整大小
【发布时间】：2011-05-30 03:43:40
【问题描述】：

我刚刚意识到我们可以指定@media screen and (min-width:x) and (max-width:y)

我想要做的是检测浏览器“视口”何时调整大小，我在想我们是否可以滥用@media 功能（因为它肯定可以检测到浏览器窗口何时调整大小）并挂钩事件处理浏览器窗口大小调整的处理程序？

我在想我们有这样的东西（示例）：

@media screen and (min-width:400px){#tracker{top:400px;}}
@media screen and (min-width:800px){#tracker{top:800px;}}
@media screen and (min-width:1200px){#tracker{top:1200px;}}
@media screen and (min-width:1600px){#tracker{top:1600px;}}
@media screen and (min-width:2000px){#tracker{top:2000px;}}

然后有一个每 200 毫秒左右运行一次的 Javascript 函数（该函数将跟踪 #tracker 的最高值，因此我们可以“检测”浏览器调整大小。

【问题讨论】：

标签： javascript web-services

【解决方案1】：

<body onResize="jsFunction();">

这就是你要找的吗？

还要注意window也有一个onresize方法，即javascript中的window.resize

【讨论】：