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

Question

我正在使用 Slick 插件并试图让 portrait 幻灯片正常工作。这对我来说非常适合横向图像，并且我一直在通过我的 css 表在具有自动高度的光滑幻灯片 div 上设置固定宽度。

例如

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

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

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

例如

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 根据父容器的宽度计算宽度。