问题与jcarousel

时间:2014-10-02 14:34:25

标签: jquery css html5

我的jcarousel项目存在问题。当我调整浏览器大小时,来自jcarousel的图像的一半消失了。您可以在此处查看模板。如果您调整大小,直到您在jcarousel中只看到两个图像(项目),您将看到我的问题。我已经尝试了一切,我不能简单地解决这个问题。

2 个答案:

答案 0 :(得分:0)

使用现有的边距,您需要减小.jcarousel项的大小 当浏览器的宽度低于767px时,每个图像在给定空间内完全显示每个图像。

您可以在媒体查询

下添加以下代码
.jcarousel-item {
    margin: 0 20px 0 0;
    width: 199px;
}

答案 1 :(得分:0)

我只是检查你的网站。看起来您的问题源于style.css文件的第135行上的CSS。值得注意的是保证金属性。

.container {
    margin: 0 20px;
    padding: 0 30px;
    position: relative;
}

我认为您可以通过执行以下操作来解决此问题:

@media (max-width: 768px) {
    .container {
        margin: 0;
    }
}

希望这有帮助。