理想情况下，我希望显示的列仅在您所在的屏幕上可见，以便可见的一个屏幕页面将显示当前屏幕高度的完整列（无论多少个） 。
如果内容对于单个屏幕来说太长，这些列会自动将内容分解到下一页，以便用户可以有效地向下翻页以查看下一个列。
我现在用来制作（两个）列的css代码（响应时间）如下：
.resp-column {
padding: 1em;
-moz-column-count: 2;
-moz-column-gap: 1em;
-webkit-column-count: 2;
-webkit-column-gap: 1em;
column-count: 2;
column-gap: 1em;
}
@media screen and (max-width:480px) {
.resp-column {column-count: 1;}
}
所以...这个css适用于两列和响应但我知道当我有两个非常长的文本列时，他们很难在任何设备上阅读，除非它们按当前屏幕长度打破。
我如何：当不在@media屏幕上时，自动打破屏幕上的内容？
我尝试添加＆gt; height: 100vh;＆lt;进入.resp-column，它没有用...
它只创建了多个水平列。
提前感谢您提供的所有帮助。