TDs在Chrome中的奇异膨胀

Question

我正在开发一个基于网格的显示器，有点像这里的Windows8Metro：http://tuxnet.co.uk/squares/，但在chrome中，当它最初工作的时候，如果一个人反复地扩展和缩小窗口，所有的东西都会慢慢地、奇怪地不成比例地增长和扭曲。我不知道为什么会发生这种事。

有什么想法吗？

Answer 1

去掉正方形表格CSS中的高度：

#squares {
    table-layout: fixed;
    width: 100%;
    /* height: 100%; */
}

当处理网页时，高度可能很难计算，因为网页没有严格的"100%“高度。它会动态生长。这可能会导致重新计算调整大小时的问题。

另一种方法是为表指定像素高度，而不是指定百分比。

请注意，在像Chrome窗口这样的固定大小的窗口中，您不会看到这个问题。