Chrome中TD的奇怪扩展

Question

我正在开发一个类似于Windows 8 Metro的基于网格的显示器：http://tuxnet.co.uk/squares/但是在chrome中，虽然它最初起作用，但是如果一个窗口重复地扩展和缩小窗口，那么所有内容都会慢慢地变得非常奇怪地增长和扭曲。我不知道为什么会这样。

有什么想法吗？

Answer 1

在正方形表的CSS中摆脱你的身高：

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

在处理网页时，由于网页没有严格的“100％”高度，因此计算高度可能很棘手。它会动态增长。重新计算内容时，这可能会导致问题。

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

请注意，在具有固定尺寸的Chrome应用窗口中，您不会看到此问题。