Angular Get ScrollWidth不适用于垂直调整大小(角度)

Angular Get ScrollWidth不适用于垂直调整大小(角度),angular,google-chrome,console,resize,width,Angular,Google Chrome,Console,Resize,Width,我正在使用chrome处理angular 8,并执行一个主机侦听器来调整窗口的大小,我感兴趣的是获取窗口的宽度,以增加我想要有一个水平滚动的内部div的大小。关键是,当我捕获窗口的宽度并进行垂直调整(打开控制台)时,窗口大小的值似乎发生了巨大的变化。下面我把我的函数代码和控制台的印象结果放在下面 @HostListener('window:resize', ['$event']) onResize(event) { console.log("scrollwidth: "+docume

我正在使用chrome处理angular 8,并执行一个主机侦听器来调整窗口的大小,我感兴趣的是获取窗口的宽度,以增加我想要有一个水平滚动的内部div的大小。关键是,当我捕获窗口的宽度并进行垂直调整(打开控制台)时,窗口大小的值似乎发生了巨大的变化。下面我把我的函数代码和控制台的印象结果放在下面

@HostListener('window:resize', ['$event'])
  onResize(event) {
    console.log("scrollwidth: "+document.body.innerWidth);
    this.updateBoardWidth();
  }
应该能帮你一点忙

总之,两者之间的主要区别是什么

window.innerWidth

第一行直接向window对象请求使用视口提供宽度,而第二行直接向body请求相同的内容,而不经过视口。即使在本页中,您也可以通过使用普通缩放,然后使用比默认缩放更大的缩放,尝试获取身体高度和客户端高度,轻松地进行此操作。下面是一个例子:


如果你需要更多的信息,我会编辑这个答案

console.log(“scrollwidth:+window.innerWidth)是@JacopoSciampi,这工作正常,谢谢!。但是我想知道为什么我的console.log(document.body.innerWidth)不能正常工作。请将您的评论作为问题的答案来接受它
document.body.innerWidth