響應式2元素滑塊的HTML/CSS（/ JS？）

Question

我正在創建一個水平滾動滑塊，其中兩個元素在任何給定時間在視口內都可見。視口是一個容器div，其寬度由媒體查詢控制，因此它完全響應。如果視口足夠小（移動），我想要2個可見元素堆疊。下面是我想要實現的目標：http://i.imgur.com/SQJ9Hv0.png

我遇到的最大問題是因爲我想將2個元素顯示爲一次。容器div響應，但它裏面的ul更寬。所以我不能將元素的寬度設置爲50％，因爲它將是整個ul的50％。

我可以用CSS來完成這個樣式，還是我必須使用一些JavaScript來管理這些東西的寬度？任何幫助是極大的讚賞！

Answer 1

嘗試Twitter Bootstrap，它有一個特定的響應式CSS佈局，將爲您做這種事情。我不使用它創建整個網站，但它的功能很不錯，請查看： http://twitter.github.io/bootstrap/

Answer 2

不，請不要使用JavaScript來處理該問題。您可以使用Twitter Bootstrap's fluidGridSystem來支持響應式風格。您也可以在http://jsfiddle.net/分享代碼，以便人們可以更輕鬆地爲您提供幫助。