Javascript 需要css定义中的webbrowser宽度来计算div的宽度

我需要使用浏览器屏幕的宽度和其他数据计算index.php文件中名为incontent的div的宽度。我听说我可以使用java脚本来获得屏幕宽度。但主要问题是，样式定义是在名为style.css的外部样式表文件中描述的。所以我不知道是否可以在样式表定义中使用java脚本变量。我不想使用css媒体查询。。。有人能建议如何解决这个问题吗？问候

您必须使用Javascript或CSS媒体查询。既然你提到你不想做媒体查询，我想你必须编写适当的Javascript来做

不幸的是（或者幸运的是），您无法访问CSS文件中的任何Javascript变量，CSS也没有任何功能；这只是为了造型

---

这样说，我不知道你为什么要避免媒体查询，但是这是处理响应性设计的合适方法，或者你可以使用百分比。

< P>如果你想使用JavaScript，你可能需要考虑jQuery。 您可以使用以下方法获得屏幕宽度：

如果你想得到一个div的宽度，有，来得到内部宽度（在填充之间）

或者获取宽度，包括填充和边框（以及边距，请参见示例）

您可能还希望查看以下帮助完整链接：

---

您可以通过以下方式获得屏幕宽度：

var documentWidth = document.body.clientWidth

并将其分配给具有以下属性的任何元素：

document.getElementById('id_of_the_elemen').style.width = documentWidth

---

我不知道这是否回答了你的问题，我不确定我是否答对了。谷歌的三个链接不算答案。也许是一个评论，但不是一个答案。我已经用例子更新了我的答案。恐怕仍然不是一个好答案。询问者没有表示他将使用（或愿意使用）jQuery，jQuery在这里也没有什么帮助。请注意，javascript标记明确表示“除非还包含库标记，否则需要纯javascript解决方案。”请参阅和。“但主要问题是，样式定义是在名为style.css的外部样式表文件中描述的。所以我不知道是否可以在样式表定义中使用java脚本变量。“，您的理解是错误的，您应该考虑如何从JavaScript访问样式表中的值。这根本不是问题，因为根据样式表呈现页面后，DOM将保留该值，然后可以修改样式表。查看关于这个问题的其他评论和答案，这些评论和答案指向jQuery作为实现这一点的一种方式。但是css媒体查询并不是每个Web浏览器都支持的，这就是为什么我不想使用媒体查询…IE 9+、Firefox 3.5+、Chrome 4+、Safari 4+、Opera 9.5+，每个移动浏览器都支持它们。这真是很好的支持。是的，我知道，但IE 9>

$("div#divId").outerWidth(); /* without margin */
$("div#divId").outerWidth(true); /* with margin */

var documentWidth = document.body.clientWidth

document.getElementById('id_of_the_elemen').style.width = documentWidth