繁体   English   中英

如何使GitHub的Gallery CSS滑块响应

[英]How to make Gallery CSS slider from GitHub responsive

我在GitHub上找到了我想使用的纯CSS滑块,但是它没有响应,我需要它。 我尝试将.gallery .item更改为width:100%但由于某种原因,高度必须以像素为单位设置,因为%似乎不起作用,并且如果我不定义高度,则幻灯片不太明显。

这是演示: http : //wap9.info/6334

来源GitHub: http : //benschwarz.github.io/gallery-css/

如您所见,如果减小浏览器的大小,则滑块高度保持不变。 我可以做出回应吗?

它已经可以响应了。 当我更改浏览器的高度和宽度时,英雄/滑块会相应更改,并且似乎没有任何损坏。

编辑::尝试从英雄部分删除js-autoheight挂钩类。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM