Javascript-window.onresize进行缩放

Question

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

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

我这样做的目的是使内容div始终在容器内垂直和水平居中。 我触发了window.onload和window.onresize的居中。 我认为这是确定，直到我意识到，当我捏变焦的Android版Google Chrome（还没有尝试过其他浏览器还） 没有调用window.onresize和我的布局变得完全搞砸直到window.onresize被调用。

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

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

Answer 1

用户缩放时， window.innerWidth和window.innerHeight更改。