javascript - JavaScript 或 jquery 中的 CSS @media

Question

我需要一点帮助。我在 html 和 css(带有特定的媒体查询)和 javascript (jquery) 中创建了一个导航菜单，我编写的代码如下所示:

var x = $('#nav-menu > ul').children().length;
alert(x);

$('#nav-menu > ul li').css(width, x);

但是我想在特定媒体查询中更改代码的最后一行。

这可能吗？

提前致谢。

Answer 1

使用 .css 创建内联样式，实际上并不更改包含所应用规则的 CSS 文件。相反，创建一个类并在媒体查询中为您要更改的属性添加规则，并根据需要在 JavaScript 中使用 .addClass 和 removeClass。

编辑:刚刚看到bergi的评论基本是同一个想法。希望这有助于理解原因。