2011-05-30 60 views
3

我刚刚意识到,我们可以指定@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功能(该功能将跟踪#跟踪的顶级价值,因此,我们可以“检测”浏览器调整大小。

回答

3
<body onResize="jsFunction();"> 

这是你在找什么?

还要注意的是window也有一个在onResize米方法,即javascript中的window.resize

相关问题