包含datagrid的响应式网页布局

Question

我一直在努力寻找如何实现如下图所示的布局，但未能找到这种确切的布局。

我正在尝试在其内容面板中实现包含数据网格（ui-grid）的响应式布局。当窗口调整大小时，网格会相应地调整大小，即网格的滚动条会发生变化，而数据网格所在的实际内容面板上不需要滚动条 - 这可能吗？它几乎就像一个圣杯布局，只是我不希望内容div可滚动，只是数据网格本身。我一直在尝试使用Flexbox，但一直没有成功 - 任何好的链接都会非常感激。

谢谢

Answer 1

您必须从用户体验的角度来看待这一点。想象一下，你有这个工作，你正在滑动移动设备上的可滚动表。您无法向上或向下滚动电子邮件的其余部分，直到您到达顶部或底部。结果，无论它是否可滚动，都是相同的。这似乎是一个圣杯＆＃34;但实际上它有点零净。 （你有多少嵌入式地图接管了你的手机屏幕，因为你只能在它内部滑动它？）

在某些电子邮件客户端上，您可以通过容器上的溢出：滚动来实现您想要做的事情，但在许多客户端上不可靠。