包含数据网格的响应式网页布局

我一直在试图找到如何实现如下图所示的布局，但未能找到这个确切的布局。包含数据网格的响应式网页布局

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

谢谢

来源

2015-12-16 CraigM

请发布您尝试过的代码。 – j08691

我已经完成了datagrid包含完整的div，而是让包含div在滚动上滚动 - 工作很好，所以不用担心。 – CraigM

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

你想做的事情可以在一些电子邮件客户端上实现，其中overflow：scroll容器上的，但许多不可靠。

来源

2015-12-16 23:00:07

好点，并感谢您的反馈。所以你会建议数据网格不应该滚动，而是容器DIV具有可滚动性吗？我希望按钮始终可见，所以我想这些可能只是在他们自己的div中。 – CraigM

包含数据网格的响应式网页布局

回答

相关问题