【发布时间】：2014-03-11 18:24:38
【问题描述】：
试图在这里为博客类型的网站做一些奇怪的事情。网站会横向滚动。还希望使其具有移动响应能力。
我想要做的是让每篇博文（标题、文本、图像）都是 100% 高度，自动宽度。我希望我的内容填满视口的高度，然后溢出的内容将开始一个新列，直到它全部适合帖子的块，然后水平滚动。
我今天一直在阅读有关列的 css 实现的内容，我相信我可能需要一些 JS 才能让它按照我想要的方式工作，但我不确定从哪里开始，因为 JS 并不是我真正的强项。
我附上一张基本照片来说明我的意思。我相信解决方案可能是获取视口高度，将其应用于帖子高度，将列设置为 100%，计算该列可以容纳多少内容，然后根据需要动态创建和填充内容框。有点难以解释，请看照片。
很想听听任何建议，谢谢！
【问题讨论】：
-
我可以看到这个工作，除了它并没有真正考虑照片或其他内容，只有文本字符串，可能类似于 jsfiddle.net/U79Kg
-
这里有人试图做类似的事情，它寻找滚动条，然后从那里将内容分割成 div，这非常接近我正在寻找的东西，但我不想要任何滚动条和 div 的高度必须为 100% jsfiddle.net/Tt9sw/2
-
这家伙的回答基本上就是我所追求的，他提供了一些帮助但不是很多：stackoverflow.com/questions/14028126/…
标签： jquery css mobile responsive-design multiple-columns