HTML ページのいくつかのアイテムのサイズをウィンドウのサイズに合わせようとしています。次のようなものを使用して、JQueryで非常に簡単に実行できることを私は知っています:
$(window).resize(function(){
var width = $(this).width();
$(item).css('height',(height * w / h)+ 'px'); // w and h are variables used to calculate the ratio
});
ただし、CSSでそれを行う方法を探しています。ウィンドウの幅の 40% を占める中央の項目があります。したがって、ウィンドウの幅が縮小されると、アイテムの幅も縮小されますが、高さは同じです。だから私が欲しいのは比率が同じであることだけです。