background: #344b68 url(../../data/img/template/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
こんにちは、再び Stackoverflow です。次の質問があります。
Background.jpg は私のウェブサイトの背景画像で、1080p解像度は 1920x1080 です。画像の境界では、 にフェードし#344b68ます。
これを720pモニターで表示すると、画像のサイズが縮小されますが、解像度background-size: coverなどでこれを表示するとサイズも大きくなります。1440p
今私がやりたいのは、720pモニターの場合は画像のサイズを縮小しbackground-size: coverて収まるようにすることですが、上記1080pの場合は同じサイズのままで、静的な背景色 ( ) でフェードインします#344b68。
できればJSなしで、どうすればこれを行うことができますか?
前もって感謝します！