jquery - 固定宽度、100% 高度、流动内容列

Question

试图在这里为博客类型的网站做一些奇怪的事情。站点将水平滚动。还希望使其具有移动响应能力。

我想做的是让每篇博客文章(标题、文本、图像)都是 100% 高度，自动宽度。我希望我的内容填满视口(viewport)的高度，然后溢出的内容将开始一个新列，直到它全部适合帖子的 block ，然后水平滚动。

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

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

很想听听任何建议，谢谢!

Answer 1

取一个父div给width:1200%;

现在给子div宽度和高度= 100%；和 float = left,

现在编写用于转换的 javascript 代码。

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

检查这个插件它可能对你的事业有所帮助 http://www.idangero.us/sliders/swiper/