2011-05-30 112 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

相關問題