как изменить фиксированный слайдер на адаптивный слайдер по высоте и ширине

Question

Я использую тему WordPress Colr, у меня есть простая страница с ползунком внутри.Цель здесь - создать адаптивный слайдер при изменении размера страницы.Я пытался поиграть с img balise, но не смог решить мою проблему

HTML-часть слайдера:

<div class="images">
    <div class="wp-caption" style="width: auto; display: block;">
        <img src="http://.../wp-content/uploads/2019/02/1.jpg" alt="" class="wp-image-24" style="height: 564px;">
    </div>
<div class="images">
    <div class="wp-caption" style="width: auto; display: block;">
        <img src="http://.../wp-content/uploads/2019/02/2.jpg" alt="" class="wp-image-24" style="height: 564px;">
    </div>    

<div class="images">
    <div class="wp-caption" style="width: auto; display: block;">
        <img src="http://.../wp-content/uploads/2019/02/3.jpg" alt="" class="wp-image-24" style="height: 564px;">
    </div>

эта тема не так отзывчива, я имею в виду, когда я изменяю размер страницыслайд остается на той же высоте и ширине, и у меня не может быть чего-то отзывчивого.Может быть, здесь нужна часть css с классом?

С кодом jwmoreland:

img {
  max-width: 100%;
  height: auto !important;
}

у нас есть этот результат вместо этого

Answer 1

использование img balise было решением, цель здесь - удалить атрибут img по умолчанию следующим образом:

 img {
  width: auto!important;
  height: auto!important;
  max-height: 70%!important;
  max-width: 70%!important;
  position: absolute!important;
  top: 0!important;
  bottom: 0!important;
  left: 0!important;
  right: 0!important;
  margin: auto!important;
}

Answer 2

Добавление максимальной ширины к изображению помогает.Я думаю, что JavaScript добавляет свойство высоты, которое смешивается с его соотношением сторон.Я должен был отвергнуть это!

img {
   width: 600px;
   max-width: 100%;
   height: auto !important;
}

Обновление - Похоже, мое решение может увеличить изображение на широких экранах больше, чем нужно.Чтобы ограничить его, добавьте ширину, тогда она будет оставаться такой ширины, пока не достигнет края ограничивающего прямоугольника (размер которого изменяется вместе с экраном).