我想根据屏幕/设备宽度实现具有 1 或 2 列的 UI。我正在使用 Ajax 将数据加载到这两列中并根据这些项目高度附加它,因此两列大约需要。相同数量的垂直空间。
如果用户始终保持浏览器窗口大小相同,一切都很好,因为初始加载将填充 1 或 2 列。但是当用户调整他们的窗口大小时,问题就出现了,我必须相应地整合所有内容:
- 较小的尺寸隐藏第 2 列,并且它的所有项目都应以正确的顺序插入第 1 列
- 较大的尺寸显示两列并从第 1 列获取一些内容并将其放入第 2 列
我可以使用 Javascript 来执行此操作,但我想知道是否可以仅以 CSS 方式执行相同操作?
这方面的一个例子是 Google+,它可以根据内容宽度使用 1..3 列。