ウィンドウのサイズを変更すると画像のサイズが変更されます

Question

みんな！

私は私の問題は簡単だと思いますが、私はそれを解決する方法を見つけ出すことができません：/

、私は画像の完全な高さと全幅をしたいと思い、私たちはWindowsの幅を変更するとき画像が正しく、この例のようにサイズ変更します： https://avada.theme-fusion.com/resume/

私はすでに、幅と高さで遊んしようとしたが、私は

はあなたの助けをありがとう、同じ結果を持つことはできません！

Answer 1

あなたが探しているプロパティはbackground-size: coverです。

body{ 
    background-image: url('https://avada.theme-fusion.com/resume/wp-content/uploads/sites/66/2016/07/home_bg.jpg'); 
    background-size: cover; 
    background-position: center; 
} 

あなたはこの結果を達成するために<img/>の代わりにCSS background-imageを使用する必要があります。ここで

はデモです：https://jsfiddle.net/7rqm0mtb/

Answer 2

これについてどうやってより良い理解を得るには、作業中のコードを投稿することができれば理想的です。

投稿したAvadaのリンクは、画像を背景画像として使用しています。背景サイズのプロパティは 'cover'に設定されています。 this example on w3 schoolsをご覧ください。