TGViewer
Катерина | Про Frontend Катерина | Про Frontend @katerina_profrontend · 2.87K subscribers
Post #552 1.25K
aspect-ratio 😻

свойство, которое позволяет задать соотношение сторон элемента


Возможная реализация:
⭐ <width> / <height> - соотношение сторон относительно ширины и высоты блока;
⭐ auto - по умолчанию;
⭐ auto <width> / <height> - если у элемента есть собственное соотношение сторон - применится оно, в противном случае указанное соотношение.

Я пользую для вставки адаптивных изображений, видео или при работе с канвасом, для поддерживания определённого соотношения сторон, например, 16:9.

#css
  • 🔥 22
  • 👍 2
  • 🙏 1
More from @katerina_profrontend
  1. Feb 22, 2026Когда height: 100% чуть-чуть поломало вёрстку 🙈 Я делала простую сетку: контейнер display…
  2. Feb 20, 2026Разбираемся с Proxy в JavaScript 👨‍🏫 Proxy — посредник между кодом и объектом. Он перехв…
  3. Feb 17, 2026Compression Streams API — нативный gzip/deflate прямо в браузере 🤔 Недавно снова вспомнил…
  4. Feb 9, 2026Почему бизнес-логику не стоит писать в UI-компонентах 🧐 Часто вижу один и тот же паттерн:…
  5. Feb 6, 2026Как неочевидные импорты превращают проект в клубок зависимостей 😨 На бумаге — простое пра…
  6. Feb 2, 2026«Хочу стиль для p в header, но не хочу повышать специфичность» 😎 Иногда самая тривиальная…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →