thehighhomie
@thehighhomie

CSS: ширина в зависимости от высоты?

Добрый день! Пытаюсь средствами css сделать соотношение сторон (16:9, 4:3 и т.д.) по высоте.
Не смог найти решение, так как ничего из моего опыта не приходит на ум, кроме javascrip (его я не хочу использовать для этого дела).
Конечно же есть прекрасное решение, но это работает от ширины а не высоты, а я хочу от высоты выстроить соотношение.
Возможно ли это реализовать на css?
  • Вопрос задан
  • 520 просмотров
Пригласить эксперта
Ответы на вопрос 1
@BelkinVadim
Frontend разработчик
Можно подробнее про требования, для чего и как это будет использоваться?
Мне пока на ум пришла идея только с распоркой в виде картинки с нужными пропорциями, минимального размера и максимально ужатого качества, например белые jpg/png размерами 16x9px и 4x3px которые по высоте 100% и с автоматической шириной и сделанные невидимыми, а самим блокам задаем высоту и делаем их инлайн блоками. Задав фиксированную высоту блоку картинка находящаяся внутри растягивается на всю высоту блока и её ширина увеличивается пропорционально, растягивая сам блок по ширине на пропорции картинки. Плюс внутри можно создать доп.блок для размещения контента растянув и отпозиционировав его поверх всего.
Пример
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы