Javascript 如何在浏览器调整大小时更改div样式

我正在创建一个脚本，当一个div由于调整大小而比正常值大时，它会更改div的样式

我想到了这个，但出于某种原因，有时它说宽度是0，我真的不明白为什么。另外，当我改变div的数量时，div必须改变它不起作用，也不会改变回去

窗口。addEventListener“调整大小”，高度； 功能高度{ var height=document.getElementById'noline'； document.getElementByIdnoline.innerHTML=高度； 如果高度 您可以在css文件中使用@media规则

---

一个干净的解决方案是使用css媒体查询。您首先想知道您要定位的浏览器的维度，然后执行以下操作

@media (max-width: 600px) {
  .div1 {

  }
}


 @media (max-width: 720px) {
      .div2 {

      }
    }

---

它工作正常。首先点击运行，然后调整显示框的大小。或者我不理解这个问题。@warkentien2但它不会在id更改后更改它！！当然是！只需打开开发人员的工具并签出HTML。它会更改！但是，客户端代码永远不会更改您的HTML文件。您需要node.js来实现这一点。您需要uld research debounce for js performance…否则页面将开始缓慢运行…起点…尽管下面所述的媒体查询可能是更好的解决方案。

@media (max-width: 600px) {
  .div1 {

  }
}


 @media (max-width: 720px) {
      .div2 {

      }
    }