html - 如何使 GitHub 中的 Gallery CSS slider 响应

标签 html css github slider

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

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

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

如您所见,如果您减小浏览器的大小, slider 高度将保持不变。我可以让它响应吗?

最佳答案

它已经可以响应了。当我更改浏览器的高度和宽度时,英雄/ slider 会相应更改,似乎没有任何问题。

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

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

关于html - 如何使 GitHub 中的 Gallery CSS slider 响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36969330/

相关文章:

html - 如何将 css 类用于 Angular Material 中的文本颜色?

html - 将鼠标悬停在 SVG 图像 CSS 的特定区域

html - 如何屏蔽消息框

git - 没有 fork 的 pull 请求?

web - Github 页面上的 Flask 应用程序

Git 远程命令返回 fatal error : Invalid refspec +refs/heads/*:refs/remotes/:origin/*

html - 显示/隐藏不带自动换行的 HTML 标签

html - CSS 工具提示放在哪里

javascript - Chrome 中 TD 的奇怪扩展

html - wordpress 中的图像不可调整大小,但它适用于其他平台