Загрузка...
CSS для соотношения сторон изображения или блока — бесплатно и без регистрации.
aspect-ratio позволяет закрепить пропорции блока без сложных вычислений высоты.
Введите отношение сторон и CSS-селектор.
Финальные размеры также зависят от ограничений контейнера.
Свойство aspect-ratio задаёт отношение сторон изображения, видео или блока.
.media {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
}