javascript - 当表格溢出时，如何使那些正在改变表格形状的表格单元格变为正方形？

Question

一个简单的问题:当表格比屏幕宽时，如果我们在任何单元格或 <td> 中添加更大的文本.

它会增加整行不必要的额外高度

---

情况一(没问题)(只是表溢出):(http://jsfiddle.net/dg3romjt/)

案例 2(没问题)(只有一个包含更多文本的单元格): ( http://jsfiddle.net/mg8869ou/ )

案例 3(有问题)(溢出 + 包含更多文本的单元格):(http://jsfiddle.net/w1dc380w/3/)

Answer 1

我犹豫是否将此作为“答案”发布，因为它更谨慎。

您尝试做的事情可能无法实现。不同的显示器将具有不同的像素纵横比 (PAR)，因此如果您设计的解决方案在 Monitor X 上看起来“正确”(正方形)，则具有相同 CSS 的完全相同的页面在具有不同的PAR。

编辑:我确实找到了一篇关于设备像素比的有点相关的 SO 帖子 here间接讨论了这个问题。

在这一点上我可能会弄错，但我认为 PAR 根本不是在 CSS 中处理的东西。您可能会找到解决方案，但请注意，它可能比您想象的更难以捉摸。可能您可能不得不满足于非常接近，尽管不完美。