javascript或jquery中的CSS@media

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

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

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

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

可能吗

---

提前感谢。

使用

.css

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

.addClass

和

removeClass

---

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

不要使用JavaScript和内联样式（使用

.css（）

方法），而只使用css文件？如果需要打开/关闭它，请使用可以由JS删除/添加的类。