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