javascript - 使表格单元具有响应性，并使它们均匀方形，填充窗口

我想使表格单元具有响应性-甚至填充所有可用空间（窗口）的正方形。
如果表格宽度为100％-占用所有可用空间，则均匀分配单元格，但仅水平分配单元格。我已经用jquery编写了小型javascript，在窗口调整大小事件上调用了此函数：

function windowReszie(){
 $("td").each(function(){
    $(this).css({"height":$(this).width()});
  })
}

但是这种方法很慢，因为我有很多单元格-有没有办法使用CSS或其他更好，更快的方法来做到这一点？

最佳答案

我发现您的方法存在一些问题，您正在计算每个单元的宽度。

我会按照

function windowReszie(){
  var size =$("td").width();
  $("td").height(size);
}

另一种方法是设置一个类并更改与该类关联的css规则，但这可能有点棘手（请参见：Changing a CSS rule-set from Javascript）