Javascript 如何更新css中的参数？

我有一个创建CSS样式文件的JSP。在该JSP中，我使用一个deviceWidth参数，该参数是从调用该JSP的索引页发送的请求中获取的。我还使用媒体查询捕获设备中的方向更改

问题是，一旦改变了方向，我就需要更新deviceWidth参数，而我不知道该怎么做

我似乎无法在“样式”块中使用“脚本”标记，并按窗口调用页面。location.href。。。使用新参数值也不起作用

澄清一下：我的JSP是这样的：

<% 
  double deviceWidth = new Double(request.getParameter("width"));
%>

<style>
   .class1{
      BLA BLA BLA <%=deviceWidth%>px;
   }

   .class2{
      BLA BLA BLA <%=deviceWidth%>px;
   } 

   .class3{
      BLA BLA BLA <%=deviceWidth%>px;
   }

   @media only screen  and (orientation: portrait){
      .class1{
         FOO FOO <%=deviceWidth%>px;
      }

      .class2{
         FOO FOO <%=deviceWidth%>px;
      }

   }
</style>

.1级{
BLA BLA BLA px；
}
.2级{
BLA BLA BLA px；
} 
.3级{
BLA BLA BLA px；
}
@仅媒体屏幕和（方向：纵向）{
.1级{
富富px；
}
.2级{
富富px；
}
}

只有在每个部分上有更多的类，并且媒体查询中的deviceWidth应该与媒体查询之外的deviceWidth不同。

---

我可以只更新一次，而不是针对每个元素单独更新吗

只需创建两个css类：

.width1 {
 width: 300px;
}

.width2 {
 width: 500px;
}

---

然后使用javascript更改元素的css类（removeClass/addClass）

您可以检测窗口大小调整事件，获取新窗口宽度并相应地更新css：

$(window).resize(function() {
    var value = $(window).width();
    $('.myClass').css('width', value + 'px');
});

---

您可能需要对窗口宽度值进行一些计算，但希望这能让您走上正确的道路。

我想我可能被误解了。。。它不是一个css类，而是一个包含许多类的css整个文件。我在css中使用了一个参数deviceWidth。例如：.myDiv{left:/2}当用户翻转设备时，设备宽度会发生变化…首先非常感谢。但如果我做对了，我需要对页面中的每个元素都这样做。有没有一种方法可以让我只使用一个新的deviceWidth值来重新调用整个css？哦，我还以为你有多个想要使用的样式表呢。我会更新我的答案。非常感谢Blake。我很抱歉唠叨，但在我看来，这仍然迫使我对css中的每个元素都这样做，对吗？我将尝试编辑我的问题，以便澄清