Javascript-window.onresize用于收缩缩放

我正在创建一个网站，主要布局如下：

<div id="container" style="height: 100%;">
    <div id="content">
        Text goes here
    </div>
</div>

这里有文字

我这样做是为了使content div始终在容器内垂直和水平居中。我已在

窗口.onload

和

窗口.onresize

处触发居中。在我意识到在Android版Chrome上按下zoom按钮（还没有尝试其他浏览器）时，我认为它还可以。它确实调用了而不是

窗口。onresize

和我的布局变得完全混乱，直到调用了

窗口。onresize

（我不想使用setInterval来集中内容，因为它不是即时的，就是效率不高。）

---

我想知道是否有一个Javascript函数在用户每次缩放时执行，或者是否有任何变量会随着用户缩放而改变。

window.innerWidth

和

window.innerHeight

在用户缩放时改变