在CSS中调用JavaScript变量

我知道在这个话题上有各种各样的线索。但我想知道我的方法是否完全错误。我试图根据浏览器大小设置包装的高度。到目前为止，我有一个JavaScript函数，它返回屏幕的高度和宽度

<script language="JavaScript">
var screenW = 640, screenH = 480;
if (parseInt(navigator.appVersion)>3) {
 screenW = screen.width;
 screenH = screen.height;
}
else if (navigator.appName == "Netscape" 
    && parseInt(navigator.appVersion)==3
    && navigator.javaEnabled()
   ) 
{
 var jToolkit = java.awt.Toolkit.getDefaultToolkit();
 var jScreenSize = jToolkit.getScreenSize();
 screenW = jScreenSize.width;
 screenH = jScreenSize.height;
}
</script>

var screenW=640，screenH=480；
if（parseInt（navigator.appVersion）>3）{
screenW=屏幕宽度；
screenH=屏幕高度；
}
else if（navigator.appName==“Netscape”
&&parseInt（navigator.appVersion）==3
&&navigator.javaEnabled（）
) 
{
var jToolkit=java.awt.Toolkit.getDefaultToolkit（）；
var jScreenSize=jToolkit.getScreenSize（）；
screenW=jScreenSize.width；
screenH=jScreenSize.height；
}

我希望在下文中调用这些变量的值：

---

您必须从Javascript指定样式：

var wrapper=document.getElementById("wrapper");
wrapper.style.height = screenH;
wrapper.style.width = screenW;

或者使用jQuery：

$("#wrapper").css({
  width:screenW, 
  height:screenH
})

您必须从Javascript指定样式：

var wrapper=document.getElementById("wrapper");
wrapper.style.height = screenH;
wrapper.style.width = screenW;

或者使用jQuery：

$("#wrapper").css({
  width:screenW, 
  height:screenH
})

您正在混合使用PHP、Java、JavaScript和CSS。这些都不行。你考虑过使用jQuery吗？这不是CSS媒体查询的目的吗？谢谢你的反馈。不，我没有考虑过。我不熟悉JavaScript和CSS。对我来说，什么是最好的资源来帮助我解决这个问题？提前感谢。您正在混合使用PHP、Java、JavaScript和CSS。这些都不行。你考虑过使用jQuery吗？这不是CSS媒体查询的目的吗？谢谢你的反馈。不，我没有考虑过。我不熟悉JavaScript和CSS。对我来说，什么是最好的资源来帮助我解决这个问题？提前谢谢。如果插入正确，将第一个解决方案输入到我的上述功能中是否有效？谢谢。如果插入正确，将第一个解决方案输入到我的上述功能中是否有效？