我正在研究在8号角上工作的chrome,并执行主机侦听器以调整窗口的大小,在该窗口中,我有兴趣获取窗口的宽度以增加我想要水平放置的内部div的大小。滚动。关键是,当我捕获窗口的宽度并进行垂直调整大小(打开控制台)时,窗口大小的值似乎发生了巨大变化。下面,我通过控制台放置函数代码和印象结果
@HostListener('window:resize', ['$event'])
onResize(event) {
console.log("scrollwidth: "+document.body.innerWidth);
this.updateBoardWidth();
}
无论如何,主要区别
window.innerWidth
和
document.body.innerWidth
是第一行直接请求窗口对象使用viewPort给出宽度,而第二行向主体请求相同的内容,而无需通过viewPort。您甚至可以在此页面中尝试使用普通缩放,然后再使用比默认缩放大的缩放来获取身体高度和客户身高,从而轻松地尝试该操作。这是一个例子:如果您需要更多信息,我将编辑此答案!