Slick插件-div上的固定高度和自动宽度会导致未定义的幻灯片宽度

Question

我正在使用Slick插件，并试图让人像幻灯片正常工作。这对我的横向图像效果很好，我一直在通过css表设置具有自动高度的光滑幻灯片div的固定宽度。

例如

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

然而，我现在正试图用人像图像来做到这一点，并用自动宽度设置固定高度。不过，这里的问题是，对于auto-width，我认为插件不知道该使用什么宽度大小，只是为div元素分配了一个巨大的宽度大小，因为可能不支持auto。

例如

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%;
}

上面的代码行就足够了，因为slick根据父容器的宽度计算宽度。