如何创建响应式列

Question

我注意到在维基百科上，Notes部分中的笔记以列显示，列数自动适应屏幕大小。例如：Wikipedia's article on Science。

我想复制相同的东西。有没有一些简单的方法来实现这一点，也许与jQuery？

Answer 1

有很多方法可以实现多列调整屏幕宽度。我建议你看看CSS媒体查询和CSS3多列。

您可以就如何调整屏幕大小在此基础上的样式读了起来： http://www.w3schools.com/css3/css3_multiple_columns.asp

为： http://css-tricks.com/resolution-specific-stylesheets/

您可以在这里CSS3中创建多个列的div读了完全理解和掌握响应式设计的概念，我强烈推荐以下书/电子书： http://www.abookapart.com/products/responsive-web-design

它便宜，快速简单的阅读，帮助我挺了不起位。