レスポンシブに高さを変更させるCSSのテクニックとして、疑似要素などにpadding-top(padding-bottom)を使うケースがあります。
幅と高さを入力すれば比率や高さのパーセンテージを求める事が出来ます。