aspect-ratio

aspect-ratio: auto | <ratio>

📝 Описание

Устанавливает предпочтительное соотношение сторон элемента.

Значение по умолчанию: auto

🎯 Возможные значения

  • auto — браузер определяет автоматически
  • <ratio> — например, 16 / 9, 1 / 1, 4 / 3
.video-container {
  aspect-ratio: 16 / 9;
  width: 100%;
}

🌐 Поддержка браузеров

Chrome 88+, Firefox 89+, Safari 15+