Javascript 有没有办法实时更改元素的宽度？

因此，我试图实时更改特定元素的宽度。这意味着，在缩放浏览器窗口时，元素的宽度也随之改变

现在，我计算这个宽度的方法是使用另一个元素作为参考点。因此，我基本上只是复制引用元素的宽度，并将其应用于我自己的元素。然而，问题是，这仅在每次页面刷新后应用，而不是实时更改

Im使用以下jquery代码：

 $("#lists ul").css("width", $("#lists").width());

---

如您所见，代码非常简单#lists ul是我试图更改其宽度的元素，而#lists是参考元素。我的问题是，有没有办法达到这种效果？或者我应该使用不同的方法？谢谢你的帮助

无需使用JavaScript来调整宽度。这应该是您所需要的全部：

#列出ul{宽度：100%；}

无需使用JavaScript来调整宽度。这应该是您所需要的全部：

#列出ul{宽度：100%；}

你想做的事情听起来很疯狂。正如其他人所指出的，在CSS中使用百分比可能要聪明得多

如果你坚持这样做的话。。。我猜您的事件将在

$（document.ready（）

内触发。相反，试试这个

$(window).resize(function(){
     $("#lists ul").css("width", $("#lists").width());
});

---

你想做的事听起来很疯狂。正如其他人所指出的，在CSS中使用百分比可能要聪明得多

如果你坚持这样做的话。。。我猜您的事件将在

$（document.ready（）

内触发。相反，试试这个

$(window).resize(function(){
     $("#lists ul").css("width", $("#lists").width());
});

---

您可以使用JavaScript和CSS的组合。我不知道您的具体需求是什么，但您可以轻松设置对象的宽度，如下所示：

var element=document.getElementById("my_element");
element.style.width=10+"px";// Simple as that.

如果您只想根据父元素的大小缩放元素，最好使用CSS的宽度和高度百分比

CSS:

然后，只要调整父元素的大小，CSS就会满足您的所有缩放需求

---

CSS本身可能看起来不像您想要的，但是如果您确保定义元素的所有适用CSS属性（如边距、填充、边框等），然后使用JavaScript支持布局，您可以做很多事情。

您可以使用JavaScript和CSS的组合。我不知道您的具体需求是什么，但您可以轻松设置对象的宽度，如下所示：

var element=document.getElementById("my_element");
element.style.width=10+"px";// Simple as that.

如果您只想根据父元素的大小缩放元素，最好使用CSS的宽度和高度百分比

CSS:

然后，只要调整父元素的大小，CSS就会满足您的所有缩放需求

---

CSS本身可能看起来不像您想要的，但是如果您确保定义元素的所有适用CSS属性（如边距、填充、边框等），然后使用JavaScript支持布局，您可以做很多事情。

您尝试过CSS百分比宽度吗？

列出了ul{width:100%；}

不确定CSS为什么不起作用，但JS将监听调整大小事件<代码>$（窗口）.on（“resize”，function（）{}）谷歌“响应设计”。我曾经尝试过宽度：100%，但这不是我想要的外观。我将尝试找到一种解决方法。您是否尝试过css百分比宽度？

#列出了ul{width:100%；}

不确定css为什么不起作用，但JS将侦听调整大小事件<代码>$（窗口）.on（“resize”，function（）{}）谷歌“响应设计”。我曾经尝试过宽度：100%，但这不是我想要的外观。我会试着在附近找一份工作