0

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

<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 中声明高度，因为我有更多的盒子。

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

4

2 回答 2

1

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

您可以绑定到窗口的resize事件并在每次调整大小时重新运行 javascript，或者进行一些检查以查看调整大小是否重要。

于 2013-04-10T08:20:10.330 回答
1

它被接受，所以只是为了记录。您还可以使用matchMediaand addListener：

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

它适用于 IE10+，所以现在肯定window.onresize更好。

于 2013-04-10T08:46:33.310 回答