Расчитать высоту элемента в зависимости от его ширины
Вот такой пример на jQuery.
$(function(){
$('.some_block').height($('.some_block').width()/2.5);
$(window).resize(function(){
$('.some_block').height($('.some_block').width()/2.5);
});
});
Пример: http://codepen.io/iusfof/pen/FxoBJ
Так же есть метод на CSS, с использованием дочернего элемента (псевдоэлемента) или блока с двойной обёрткой. Используется padding-top в процентах.
.elm {
position: relative;
height: 0;
padding-top: 75%;
}
Вот пример: http://jsfiddle.net/qso14y3k/
Ссылки и благодарности
Взято на https://toster.ru/q/140351