实际上，我不能让它与上面的任何一个解决方案一起工作。一旦我用jQuery绑定事件，它就可以正常工作，如下所示:

$(window).bind('resize', function () {
    resizeElements();
}).trigger('resize');

一个纯JS，也可以在IE上工作(来自@Manfred comment)

var evt = window.document.createEvent('UIEvents'); 
evt.initUIEvent('resize', true, false, window, 0); 
window.dispatchEvent(evt);

或者对于angular:

$timeout(function() {
    var evt = $window.document.createEvent('UIEvents'); 
    evt.initUIEvent('resize', true, false, $window, 0); 
    $window.dispatchEvent(evt);
});

实际上，我不能让它与上面的任何一个解决方案一起工作。一旦我用jQuery绑定事件，它就可以正常工作，如下所示:

$(window).bind('resize', function () {
    resizeElements();
}).trigger('resize');

window. resizeby()将触发window的onresize事件。这在Javascript或VBScript中都有效。

窗口。resizeBy(xDelta, yDelta)调用like window。resizeBy(-200， -200)将页面缩小200px * 200px。

window.dispatchEvent(new Event('resize'));

用RxJS响应

比如Angular中的一些东西

size$: Observable<number> = fromEvent(window, 'resize').pipe(
            debounceTime(250),
            throttleTime(300),
            mergeMap(() => of(document.body.clientHeight)),
            distinctUntilChanged(),
            startWith(document.body.clientHeight),
          );

如果需要手动订阅(或者不是Angular)

this.size$.subscribe((g) => {
      console.log('clientHeight', g);
    })

由于我的初始startWith值可能是不正确的(派遣纠正)

window.dispatchEvent(new Event('resize'));

比如说Angular(我可以…)

<div class="iframe-container"  [style.height.px]="size$ | async" >..