固定宽度，100％高度，流动内容列

Question

尝试为博客类型网站做一些奇怪的事情。网站将水平滚动。还希望让它具有移动响应能力。

我要做的是让每个博客帖子（标题，文字，图片）都是100％高度，自动宽度。我希望我的内容填满视口的高度，然后溢出的内容将开始一个新的列，直到它全部适合帖子的块，然后水平滚动。

我今天一直在阅读有关列的css实现的内容，我相信我可能需要一些JS才能按照我想要的方式工作，但不能确定从哪里开始，因为JS不是真的是我的强项。

我附上一张基本照片来证明我的意思。我相信解决方案可能是获取视口高度，将其应用于帖子高度，将列设置为100％，计算可以容纳到该列的内容量，然后根据需要动态创建和填充内容框。有点难以解释，所以看看照片。

很想听到任何建议，谢谢！

Answer 1

取一个父div给出宽度：1200％;

现在给孩子div宽度和高度= 100％;和float = left，

现在编写您的javascript代码以进行转换。

还会编写媒体查询以处理不同的屏幕尺寸1024,768,640,480,320

检查此插件，它可能有助于您的事业http://www.idangero.us/sliders/swiper/