得到＆＃34;全屏改变＆＃34;事后/回流后的车身尺寸

Question

我正在尝试根据当前屏幕尺寸调整画布内容。我注意到'fullscreenchange'事件的一个烦恼是body的高度/宽度似乎对应于事件发生之前而不是之后（或者更确切地说是回流之前）。换句话说，当我试图通过适当调整canvas元素的大小来对它做出反应时，就好像事件还没有发生一样。有没有办法在进入/退出全屏幕结束后使用body元素所具有的尺寸？

以下是我的示例代码：

document.addEventListener('webkitfullscreenchange', function(){
    var $body = $('body');
    console.log($body.width(), $body.height(), document.webkitFullscreenElement);
});

元素状态（由document.fullscreenElement表示）似乎对应于事件后状态，但宽度/高度不对应。

Answer 1

解决了，我使用了$(window).resize()代替，它在重排后开火。