LOCAL Image Sourceを画面サイズに合わせて変更

Question

画面サイズに合わせて画像を変更したいのですが、画像はモバイルサイズのときには良いサイズですが、フルスクリーンでは画像が大きすぎます。 私はこの質問を別の質問の中で尋ねました。

これはURL用に機能していますが、ローカルイメージ用に動作させる方法がわかりません。例えばIMG/

https://stackoverflow.com/a/43901756/7962671

おかげで、あなたのスタイルシートは、あなたのimgフォルダに対して配置され

ルーク

Answer 1

？あなたのサイトのディレクトリは次のように構築されている場合： -/CSS

-

-index.html

/IMG

を次に、あなたは、このようにコードを変更したいと思う：

@media screen and (max-width: 767px) { 
#main-img{ 
    background-image: url("../img/Well-Being-For-Kids.jpg"); 
} 
} 
@media screen and (min-width: 768px) {  
#main-img{  
    background-image: url("../img/Well-Being-For-Kids.jpg"); 
} 
}