Javascript 当浏览器调整大小时，如何正确调整div的大小？

假设我有下表：

<div style="padding:10px">
<table style="width:100%">
<tr><td style="width:10%">Jordan Roger</td><td style="width:100%"><div width="200px" style="background:red"></div></td></tr>
</table>
</div>

---

如果有某种“正确”的方法，我应该使用这个…

你必须使用宽度百分比，即“相对”宽度

---

编辑以反映更改的需求。

为什么不像这里那样用JS设置样式呢

---

或者，您可以将侦听器绑定到：，该侦听器检查页面的宽度，并调用setSize函数

为什么百分比不是一个选项？百分比不是一个选项，因为我使用的某个使用div的插件需要手动指定您使用的div的宽度和高度。调整大小时，有一个setSize功能，允许您手动指定宽度和高度以进行更改。但是你不能只说setSize（“100%”，100%”）。因此，如果可能的话，当用户调整大小时，必须以某种方式计算像素。更新了具有潜在解决方案的问题是的，这就是我试图使用的，尽管它似乎总是一团糟。这是“我将在setsize函数中放入什么，这让我感到困惑”。我是否需要做些什么来获取td容器宽度，以确定setSize函数的实际输入内容？或者是否有其他算法来计算集合大小中的内容？这是问题的关键。

$(window).resize(function() 
{    
    mydiv.setSize($(document).width(), $(document).height()));   
});