響應式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的fluidGridSystem支持響應式樣式。 您還可以在http://jsfiddle.net/上共享代碼，以便人們可以更輕松地為您提供幫助。