如何在CSS更改时调用JavaScript

我正在使用显示框中的一些文本。我有两个样式表：

<link rel="stylesheet" media="all and (min-width: 1152px) and (max-width: 9000px)" href="grid-1218.css"/>
<link rel="stylesheet" media="all and (min-width: 1px) and (max-width: 1151px)" href="grid-978.css"/>

我面临一个问题：当我更改CSS时，框变大了，但高度保持不变，我不想在CSS中声明高度，因为我有更多的框

---

有没有办法重新运行脚本以获得新高度？

据我所知，没有媒体查询更改的特定事件

---

您可以绑定到窗口的

resize

事件，并在每次调整大小时重新运行javascript，或者进行一些检查，以确定调整大小是否重要。

这是可以接受的，因此仅用于记录。您还可以使用

matchMedia

和

addListener

：

window.matchMedia("(min-width: 152px) and (max-width: 900px)").addListener(function(mq) {
    if (mq.matches) {
        oScrollbar5.tinyscrollbar_update();
    }
});

---

它在IE10+中工作，所以现在请确保

窗口。onresize

更好。

找到了这个oScrollbar5.tinyscrollbar_update（）；要更新内容，您可以给我发送关于resize的完整脚本吗？

window.onresize=function（）{oScrollbar5.tinyscrollbar_update（）；}

，尽管我个人很快就厌倦了手动设置事件处理程序，并且总是使用jQuery使其更方便。