Javascript - window.onresize用于缩放缩放

Question

我正在创建一个网站，其主要布局是这样的：

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

我已经做到了这样，内容div总是在容器内垂直和水平居中。我已触发window.onload和window.onresize的居中。我认为这是好的，直到我意识到我在Android上捏缩放Chrome（尚未试过其他浏览器）它不调用window.onresize并且我的布局变得完全搞砸了直到window.onresize被调用。

（我想尽量不使用setInterval来对内容进行集中，因为它不会是即时的，也不会非常有效。）

我想知道是否每次用户缩放时都会执行Javascript函数，或者是否存在随用户缩放而变化的变量。

Answer 1

window.innerWidth和window.innerHeight会在用户缩放时发生变化。