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 当用户缩放时发生变化。