使表格细胞响应并使它们均匀平整，填充窗口

Question

我想让桌子单元响应 - 甚至正方形填充所有可用空间（窗口）。 如果表格宽度为100％ - 它占用所有可用空间，均匀分布单元格但仅水平分布。我用jquery编写了小javascript，在window resize事件上调用了这个函数：

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

但是这种方法很慢，因为我有很多细胞 - 有没有办法用css或其他更好，更快的方式来做？

Answer 1

我发现你的方法存在一些问题，你正在计算每个细胞的宽度。

我会按照

的方式做点什么

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

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

Answer 2

尝试仅在<td>的{​​{1}}处添加类，然后遍历该类...无需检查每个<tr>项。