Question

我刚刚意识到我们可以指定@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的最高值，因此我们可以“检测”浏览器调整大小。

Answer 1

<body onResize="jsFunction();">

这是你要找的吗？

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

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

1 个答案: