javascript - 有什么办法可以实时改变元素的宽度？

Question

所以我试图实时更改特定元素的宽度。这意味着当您缩放浏览器窗口时，元素的宽度也会随之改变。

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

我正在使用以下 jquery 代码:

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

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

Answer 1

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

#lists ul { width: 100%; }