引导网站中的滑块图像不适合移动视图

Question

我的引导网站中有一个滑块，该网站的链接是here

滑块图像在桌面设备上工作正常，但在移动设备上它不适合屏幕，我做了以下 css：

@media only screen and (max-width: 600px)
.n2-ss-slider [data-mode=fill] .n2-ss-slide-background-image {
    background-size: 400px !important;
}

这个css昨天工作正常，现在不工作了，谁能告诉我如何使滑块图像适合移动视图的屏幕，提前谢谢

Answer 1

据我所知，这是负责制作图像的 CSS cover（即覆盖整个面板，这使得图像的高度与面板的高度相匹配，将左右边缘推离屏幕） .

.n2-ss-slider .n2-ss-slide-background-image img {
    object-fit: cover;
}

如果你添加这个 CSS，你应该可以覆盖它：

.n2-ss-slider .n2-ss-slide-background-image img {
    object-fit: fill;
}