光滑插件 - 固定高度和div上的自动宽度会导致未定义的滑动宽度

Question

我正在使用Slick插件，并尝试让 portrait 幻灯片正常工作。这对我来说非常适合使用风景图像，而且我已经通过我的css表在自动高度上设置固定宽度。

E.g。

slider div {
    width: 250px;
    height: auto;
}

slider div img {
    width: 100%;
    height: auto;
}

但我现在正尝试使用 portrait 图像执行此操作，并使用自动宽度设置固定高度。这里的问题是，对于自动宽度，我认为插件不知道要使用的宽度大小，只是为div元素指定了一个巨大的宽度，因为可能不支持auto。

E.g。

slider div {
    width: auto;
    height: 250px;
}

slider div img {
    width: auto;
    height: 100%;
}

我还是jQuery的新手，我正在试图弄清楚插件的宽度如何从div本身获取.width（）（当插件被禁用时）作为一个单元应该出现。

如果有人对我能做些什么来解决这个问题有任何建议，或者可以提供任何反馈，我们将不胜感激。

Answer 1

您不需要为容器和图片设置width: auto;。

slider div {
    height: 250px;
}

slider div img {
    height: 100%;
}

上面的代码行足够，因为光滑基于父容器的宽度计算宽度。