我有一个相当简单的布局,有两行。第二行有两列,每列有一个表。当窗口很宽时,整个东西看起来很漂亮,但是当我开始缩小浏览器窗口时,两个表开始重叠!
在较低分辨率的显示器上,这意味着浏览器可以宽到显示器宽度的2/3,并且表格开始重叠!
要获得演示,请查看website。 单击“Sample data”,您将看到两个表中的数据重叠。特别是查找具有更长值的行。
我在Chrome / Windows中一直看到这一点。
这仅仅是引导程序的限制(因为我读过一些人抱怨)或者我做错了什么?我该如何解决这个问题?
由于
答案 0 :(得分:2)
你基本上已经解决了问题中的问题。在较窄的分辨率下,“消息”行的长值最终会过长。我的建议是从“.badge,.label”选择器中删除“white-space:nowrap”。这将有助于防止他们摆脱桌面,以及他们适合的更广泛的分辨率。
有意义吗?