当使用iframe或其他类型的框架时,通常情况下window对象上的resize事件可能不会正常触发。本文提供了方法来确保在调整包含框架页面大小时能正确捕获resize事件。
当浏览器窗口大小变化时使用`resize`事件对某些框架不起作用的解决办法如下:
代码示例:
```javascript
$(window).resize(function(){
var surH = $(window).height();
$(.pic_conent).height(surH);
});
```
如果上述方法在浏览器拉大或缩小窗口时没有反应,可以尝试以下两种解决方案:
**方法一:**
直接在HTML标签中添加`onLoad=functionName() onResize=functionName()`属性,并定义相应的函数。
**方法二:**
创建一个自定义的全局变量或者事件处理函数来捕获和响应浏览器大小变化。例如:
```javascript
window.onresize = function(){
// 在这里写入对应代码即可。
};
```
这两种方式应该可以解决你遇到的问题。