如何創建響應式列

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

它便宜，快速簡單的閱讀，幫助我挺了不起位。