表格中的列数根据屏幕宽度而变化

Question

我正在一个网站上工作，但遇到了一个小问题，我有一张桌子，里面有不同数量的方块，所有这些方块的大小都与其他方块完全相同。目前，我在 5 列的表格中显示这些方块，但是，在移动设备上我宁愿有 2 列，因为这些方块的大小对于 720 像素宽的移动屏幕上的内容来说太小了，这导致内容超出正方形。

我想要的是基于屏幕大小的可变数量的列。我怎么能做出这样的事呢？

Answer 1

如果块的大小完全相同，则将它们转换为inline-blocks 而不是表格单元格是没有问题的。
内联块是行为类似于纯文本中的单词的块，因此当调整窗口大小时它们可以很好地流动，就像您想要的那样。

而你所需要的只是

div {
    display:inline-block;
}