javascript - コンテンツのcssイメージに合わせて縦横比でdivのサイズを変更します

Question

こんにちは、div があり、背景として幅 1920px、高さ 1200px の画像があります。div の幅は 100% でwindow.innerHeight、ドキュメントの準備ができています。

背景の css 画像には次のルールがありますbackground-size: 100% auto !important; 。

私がやりたいことは、window.resize に基づいて div 要素の新しい高さを計算し、背景画像の css の高さと一致するように設定します。

Answer 1

私があなたを正しく理解していれば、jsは必要ありません

background: url(../img/image.png) no-repeat center top fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;