图像无响应

Question

图像调整大小不正确，无法弄清

如果您访问melrosegirl.com，则会注意到三组图像；

1. 图像滑块
2. 较小的图像
3. 第二张主图像

当前我的所有图像均为1920×720像素（不确定尺寸是否正确）。

如果您要查看不同设备上的图像，则无法针对不同的屏幕设备正确调整尺寸。

问题是； 1.由于某些原因，滑块图像的底部带有灰色边框 2.第二张大图无法正确缩放，并且受到挤压。

我觉得这是CSS代码的问题-您能帮忙吗？ =）

Answer 1

添加背景尺寸：封面； 200像素-480像素屏幕

@media (max-width: 480px) and (min-width: 200px)
.slide1 .item-slick1 {
  height: 207px !important;
  background-size: cover !important;
}

!important，因为您还有其他带有!important标记的背景尺寸值。