-2

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

4

3 回答 3

0

您必须使用 Javascript 或 CSS 媒体查询来完成。既然您提到您不想进行媒体查询，我想您必须编写适当的 Javascript 才能做到这一点。

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

话虽如此，我不知道您为什么要避免媒体查询，但这是处理响应式设计的适当方法，否则您可以使用百分比。

于 2013-09-12T11:52:34.607 回答
0

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

var documentWidth = document.body.clientWidth

并将其分配给任何元素：

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

我不知道这是否回答了您的问题，我不确定我是否正确

于 2013-09-12T11:53:28.953 回答
-1

如果您想使用 Javascript，您可能需要考虑 JQuery。

您可以使用width()获取屏幕宽度：

$(window).width();

如果要获取 div 的宽度，可以使用innerWidth()来获取内部宽度（在填充之间）。

$("div#divId").innerWidth();

或outerWidth()获取宽度，包括填充和边框（和边距，检查示例）。

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

您可能还想查看这些有用的链接：

于 2013-09-12T11:53:07.113 回答