在CSS中使用javascript

可能这是一个愚蠢的问题（我是新手），但我正在开发一个带有phonegap的应用程序，对于任何设备，我都需要定义它的高度。我知道，使用javascript，我可以通过以下方式获得屏幕大小：

<script type="text/javascript">
document.write(screen.width+'x'+screen.height);
</script>

文件写入（屏幕宽度+x'+屏幕高度）；

我想在CSS文件中使用screen.height值作为变量。解决了这个问题后，我可以定义与高度相关的任何项目，因此我将在任何设备上获得准确的图像。。。听起来怪怪的

我尝试用谷歌搜索，但没有找到将js插入css或在其中插入screen.height值的方法

有人有主意吗

---

提前感谢。

在Css文件中使用@media来定义屏幕宽度和高度。查看此链接了解更多信息

---

尝试使css尽可能灵活。将高度和宽度设置为百分比，而不是需要缩小的固定值。例如，如果您需要制作一个按钮

.button {
    width:100%;
    padding:0.5em;
}

让填充和文本大小创建所需的高度。如果您需要更多的定义，您可以按照Alvaro和Vidya所说的那样，使用媒体查询为某些设备大小设置固定值

祝你好运

请参见，通常认为将js放入css是不好的做法。相反，您可以在必要时使用javascript为您进行一些样式设置。您可能也想学习jQuery，它使很多事情变得容易了上百倍

我知道这很模糊，但希望能有所帮助

好的，让我们回答你的问题。 正如你所说，你可以做到：

<script type="text/javascript">
document.write(screen.width+'x'+screen.height);
</script>

文件写入（屏幕宽度+x'+屏幕高度）；

但是很难从JavaScript更改css。相反，如果您使用jQuery，那么很容易做到这一点。以下代码可以帮助您：

<script>
$(document).ready(function(){

   var Width = $(document).width();
   $('#id_you_want_change').attr('width','valueYouWantToWidth');

});</script>

$（文档）.ready（函数（）{
var Width=$（文档）.Width（）；
$（'id\u您想要更改'）.attr（'width'，'valueYouWantToWidth'）；
});

---

干得好！如果你想要一个负责任的网站，可以尝试使用如下框架并感到高兴：）

你应该使用它，或者使用Javascript导入一个或另一个CSS样式表。除了媒体查询，你可以选择在CSS上使用相对维度（如100%），或者从Javascript设置样式。CSS中不能有js代码。听起来媒体查询就是这个问题的答案；但是，如果您想了解更多关于使用jQuery影响CSS的信息，可以查看Uou！谢谢大家。使用@media意味着我需要编写几个基本相同的css。好的，我将探讨这个解决方案。