如何在响应性设计中使用CSS3多列模块？

我想使用CSS3多列模块，但我需要想出一些办法。当我将分辨率从小变大或从大变小时，列的内容就会分解。因此，如果我在3列中有3个段落，当我调整大小时，文本将展开并变得不稳定，而不是停留在其列中。我该如何解决这个问题？希望这是有意义的，谢谢你

以下是我的小提琴的链接：

（请原谅这里太乱）

媒体查询：

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

---

对于较大的屏幕尺寸，您可以在主体上放置

max width

，或者使用类似的技术，但添加更多列。但是，即使有人有足够大的屏幕，我也不确定是否需要阅读10列内容。

请在JSFIDLE上设置一个测试用例……谢谢。我本来打算提出这个问题的。我将最大宽度设置为100%，但它似乎不起作用。我希望在使用column模块时，该文本保持在列中。有可能吗？我不知道你在问什么。每个屏幕的最大宽度为其自身的100%。如果希望列不发生更改，请为其指定离散宽度。