CSS - Изменение ширины относительно высоты

Question

Я делаю сайт прямо сейчас, и мне нужна помощь. У меня есть один конкретный раздел, где я хочу, чтобы высота была 79,6% тела, и я хочу, чтобы ширина этого div была основана на высоте. Я только смог найти способы изменить высоту по ширине, хотя до сих пор. Кто-нибудь знает, как убедиться, что элемент поддерживает одинаковое соотношение сторон на основе его высоты?

Answer 1

Это дает коэффициент масштабирования 4: 3, основанный на высоте элемента. Этот код не проверен, комментируйте, если вам нужна дополнительная помощь.

var ratioX = 4; 
var ratioY = 3; 

var eleHeight = $('#targetElement').height(); 
var scale = eleHeight/ratioY; 
var eleWidth = scale * ratioX; 

$('#targetElement').width(eleWidth); 

Вы можете добавить событие изменения размера и оберните его в функцию, так что всякий раз, когда браузер изменяет размер изображение будет масштабироваться пропорционально. Если вам нужен ответ css, я не знаю никаких методов.