Jcarousel - 只有第一张幻灯片

Question

所以我正在开发website，jcarousel已经实施。

我正在尝试将网站转换为响应式，我有一个jcarousel插件的问题。 问题是： 低于961px的jcarousel在CSS和JS中都有媒体查询，其中设置容器的宽度和高度以适应屏幕。 但是，只有第一张幻灯片显示，其余为空白。

请告诉我，它是JavaScript / jQuery问题还是纯粹的CSS？

感谢您的回答！

Answer 1

您在width: 100%上设置了width: 1030px;（以及媒体查询#large-banners li）。有了这些宽度，它们就不会相互浮动，而是会相互排列。

Answer 2

我设法解决了我自己的问题，这是由CSS和JS引起的。 我只需删除width:100%形式#large-banners li并设置其宽度（使用jQuery）以匹配父容器的宽度。 显然，宽度（以像素为单位）允许显示内容。