Изображения не реагируют

Question

Изображения не меняются должным образом, не могут понять это

Если вы посетите melrosegirl.com , вы заметите три набора изображений;

1. Слайдер изображений
2. Меньшие изображения
3. Второе основное изображение

В настоящее время все мои изображения имеют разрешение 1920 × 720 пикселей (не уверен, что это правильный размер).

Если вы посмотрите на изображения на разных устройствах, их размеры не соответствуют разным устройствам экрана.

Проблемы заключаются в том, что1. Изображения слайдера по какой-то причине имеют нижнюю серую рамку. 2. Второе большое изображение не масштабируется должным образом, и оно сжимается.

У меня такое ощущение, что это проблема с кодом CSS - не могли бы вы помочь?=)

Answer 1

Добавить фоновый размер: обложка; для экрана 200px - 480px

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

!important потому что у вас есть другие значения размера фона с пометкой !important.