Сохранение пропорций изображения при изменения ширины

Рейтинг: 1Ответов: 1Опубликовано: 18.08.2023

Сделал слайдер на Swiper JS. Хотелось бы, чтобы при изменении ширины экрана, пропорционально изменялась бы и высота картинки.

Как это можно сделать?

Ссылка на слайдер:

[https://codepen.io/oykhflhm-the-sans/pen/LYMYxZj][1]
css swiper.js
Источник: Stack Overflow на русском

Ответы

▲ 0Принят

Хотелось бы, чтобы при изменении ширины экрана, пропорционально изменялась бы и высота картинки.

Есть css свойство aspect-ratio https://doka.guide/css/aspect-ratio/

Если правильно подобрать соотношение сторон - все масштабирование возьмет на себя браузер...