如何创建响应列

时间:2013-10-10 13:47:29

标签: jquery responsive-design multiple-columns

我注意到在维基百科上,“注释”部分中的注释以列显示,列数自动适应屏幕大小。例如:Wikipedia's article on Science

我想复制同样的事情。是否有一些简单的方法来实现这一点,也许是使用jQuery?

1 个答案:

答案 0 :(得分:0)

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

您可以在此处阅读有关如何根据屏幕尺寸调整样式的信息: http://css-tricks.com/resolution-specific-stylesheets/

您可以在这里阅读有关在css3中创建多个列div的信息: http://www.w3schools.com/css3/css3_multiple_columns.asp

为了完全理解和掌握响应式设计的概念,我强烈推荐以下书籍/电子书: http://www.abookapart.com/products/responsive-web-design

它便宜且快速简便的阅读对我有所帮助。