如何從GitHub響應中創建Gallery CSS滑塊

我在GitHub上找到了這個純粹的CSS滑塊，我想使用它，但它沒有響應，我需要它。我試過將.gallery .item更改爲width:100%，但由於某些原因，高度需要設置爲像素，因爲%似乎不起作用，如果我沒有定義高度，則幻燈片不可見。如何從GitHub響應中創建Gallery CSS滑塊

這裏的演示：http://wap9.info/6334

來源的GitHub：http://benschwarz.github.io/gallery-css/

正如你可以看到，如果你減少你的瀏覽器的大小，滑塊高度保持不變。我可以做出這種響應？

來源

2016-05-01 user1724434

它已經響應。當我改變瀏覽器的高度和寬度時，英雄/滑塊會相應改變，而且沒有任何東西可以打破。

編輯:: 嘗試從英雄部分刪除js-autoheight鉤類。

<section style="min-height: /*some value*/px;" class="js-autoheight gallery items-/*Some value*/">

來源

2016-05-01 17:13:27 Omrii

我編輯了我的問題：「如果您減少瀏覽器的大小，滑塊高度保持不變，我可以使其響應嗎？」試着用第三張幻燈片看看它如何影響圖像。我也將使用圖像背景，並希望它們在所有屏幕尺寸下都完全可見。謝謝。 – user1724434

哦，所以你的意思是你不想讓背景圖像被切斷？我想我誤解了你。如果我減小瀏覽器的大小，則滑塊高度會發生變化。 http://i.imgur.com/Ert5hYd.gif – Omrii

正確，我不希望背景圖像被切斷。如果您從右向左水平地縮小瀏覽器的大小，我希望高度像大多數響應滑塊一樣按比例調整大小。即http://www.jssor.com/ – user1724434

如何從GitHub響應中創建Gallery CSS滑塊

回答

相關問題