一个简单的问题: 当表格比屏幕宽并且我们在任何单元格或 <td> 中添加更大的文本时。
它会增加整行不必要的额外高度
Case 1 (没问题) (只有表溢出) : ( http://jsfiddle.net/dg3romjt/ )
案例 2 (没问题)(只有一个包含更多文本的单元格) : ( http://jsfiddle.net/mg8869ou/ )
案例 3 (问题)(溢出 + 一个带有更多文本的单元格) : ( http://jsfiddle.net/w1dc380w/3/ )
最佳答案
我犹豫是否将其发布为“答案”，因为这更像是一种警告。
您尝试做的事情可能是不可能的。不同的显示器将具有不同的像素纵横比 (PAR)，因此如果您设计的解决方案在 Monitor X 上看起来“正确”(正方形)，则具有相同 CSS 的完全相同的页面在具有不同的PAR。
编辑: 我确实找到了一篇关于设备像素比 here 的帖子，间接讨论了这个问题。
我可能会误解这一点，但我认为 PAR 根本不是在 CSS 中处理的。您很可能会找到解决方案，但请注意，它可能比您想象的更难以捉摸。可能你可能不得不接受一个非常接近的人，尽管不完美。
关于javascript - 如何使表格溢出时改变表格形状的表格单元格成为正方形？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31811024/