масштабирование области просмотра работает по ширине изображения, но не по высоте

Question

Я не могу получить это простое слайд-шоу , чтобы правильно изменить размер.Когда я сжимаю окно, ширина изображения сжимается, а высота - нет, и я хочу, чтобы соотношение высоты и ширины оставалось таким же, как при уменьшении области просмотра.Я знаю, что ошибка лежит где-то в моем CSS, но я не могу отследить проблему.Любая помощь приветствуется.

Answer 1

Просто используйте height: auto

.slides img {
  height: auto;
  /* Rest of you code */
}