Question

我想使用CSS3多列模块，但我需要弄清楚。当我将分辨率从小变为大或反之时，列的内容会分崩离析。因此，如果我在3列中有3个段落，那么当我调整大小时，文本会展开并变得不稳定，而不是留在其列中。我该如何解决这个问题？希望这是有道理的，谢谢你。

这是我小提琴的链接：

（请原谅一塌糊涂）

Answer 1

媒体查询：

@media screen and (max-width:500px){
     body p {
     -webkit-column-count: 1;
     ...
     }

对于较大的屏幕尺寸，您可以在主体上放置max-width，也可以使用类似的技术但添加更多列。然而，即使有人有足够大的屏幕，我也不确定读10列中的东西是可取的。