@sonics
html,css,angular, php, joomla, opencart, bootstrap

Как пропорционально уменьшить высоту элемента?

У меня блок высотой 636px и шириной 50%. Никак не могу придумать как его пропорционально уменьшить при сужении экрана :( Через calc хочу, но не придумал.
к примеру, с 768px и меньше?
  • Вопрос задан
  • 911 просмотров
Решения вопроса 1
1) Определяете отношение высоты к ширине, которую хотите соблюдать
2) Внутрь существующего блока вкладываете еще один блок и задаёте ему свойство "padding-bottom: 50%", где "50%" - соотношение высоты к ширине (в данном случае, высота составляет 50% от ширины). И делаете его относительно позиционированным
3) Внутрь него вкладываете абсолютно позиционированный блок, растягивая на всю ширину/высоту.

Оно?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы