我正在尝试制作一个可以根据屏幕宽度更改布局的响应式数据网格。我知道如何使用媒体查询，但我正在尝试找出构建实际数据网格的最佳方法。我应该使用表格、div 还是列表？
如果用户在桌面上，表格应该呈现如下: 如您所见，我在左侧有标题项，在右侧有数据值。
Table Header Item 1 | Row 1 Value 1 | Row 1 Value 2 | Row 1 Value 3 |
Table Header Item 2 | Row 2 Value 1 | Row 2 Value 2 | Row 2 Value 3 |
但如果用户缩小屏幕尺寸，我想将标题项移至顶部，将值移至下方
Table Header Item 1
Row 1 Value 1 | Row 1 Value 2 |Table Header Item 2
Row 2 Value 1 | Row 2 Value 2 |
我认为使用 Div 可能是获得此结果的最佳方式，但是任何人还有其他建议吗？
谢谢!
最佳答案
This是一篇关于根据屏幕宽度隐藏元素的精彩文章。您使用一些 CSS 媒体查询来打开和关闭具有“可选”或“必要”类的某些元素。希望这对您有所帮助!
关于html - 响应式数据表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9186786/