0

我有一个相当简单的布局,有两行。第二行有两列,每列都有一个表格。当窗口很宽时,整个东西看起来很漂亮,但是当我开始使浏览器窗口变窄时,两个表开始重叠!

在较低分辨率的显示器上,这意味着浏览器的宽度可以是显示器宽度的 2/3,并且表格开始重叠!

如需演示,请查看网站。点击“Sample data”,你会看到两个表中的数据是重叠的。专门寻找具有较长值的行。

我在 Chrome/Windows 中一直看到这一点。

这仅仅是引导程序的限制(正如我读过一些人抱怨的那样)还是我做错了什么?我该如何解决这个问题?

谢谢

4

1 回答 1

2

你基本上在你的问题中确定了问题。“消息”行的长值最终在较窄的分辨率下太长。我的建议是从“.badge, .label”选择器中删除“white-space: nowrap”。这将有助于防止他们从桌子的一侧和他们适合的更广泛的分辨率中脱颖而出。

有道理?

于 2012-11-02T03:43:53.100 回答