Расчитать высоту элемента в зависимости от его ширины

Вот такой пример на 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