Get ScrollWidth не работает при изменении размера по вертикали (угловое)

Question

Я работаю над Chrome, работающим над Angular 8, и выполняю хост-слушатель для изменения размера окна, в котором я заинтересован в получении ширины окна, чтобы увеличить размер внутреннего div, который я хочу получить. горизонтальная прокрутка. Дело в том, что когда я фиксирую ширину окна и делаю вертикальное изменение размера (открывая консоль), значение размера окна, похоже, резко меняется. Ниже я ставлю код своей функции и результат показа на консоли

@HostListener('window:resize', ['$event'])
  onResize(event) {
    console.log("scrollwidth: "+document.body.innerWidth);
    this.updateBoardWidth();
  }

Answer 1

Это должно вам немного помочь.

В любом случае основное отличие между

window.innerWidth

и

document.body.innerWidth

заключается в том, чтопервая строка запрашивает непосредственно к объекту окна, чтобы дать ширину, используя viewPort, в то время как вторая строка запрашивает то же самое к телу, не передавая viewPort. Вы можете легко попробовать это даже на этой странице, пытаясь получить рост и высоту клиента при использовании обычного увеличения, а затем увеличения, превышающего значение по умолчанию. Вот пример:

Если вам нужна дополнительная информация, я отредактирую этот ответ!