css - 単一の背景画像に適した最小サイズ

Question

背景全体をカバーする単一の画像があります。これを行うサイトは通常、JavaScriptを介して画像サイズを選択しますか？また、JavaScriptを使用したくない場合、大部分の画面をカバーするのに適した最小サイズはどれくらいですか？ありがとう。

Answer 1

見分ける方法はありません。10インチのネットブックにうまく収まる画像は24インチのモニターでは同じようには見えないため、BackstretchやVegasプラグインなどのjQueryプラグイン、またはCSS3のbackground-size:coverプロパティを使用するのが最善の策です。 ：

html {
    background: url(images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

確かに、これは最新のブラウザでのみ機能します。この目標を達成するためのテクニックをさらにいくつか紹介します。

Answer 2

最も使用される画面解像度は1024x768imoです。また、Webサイトに1つの背景を使用する必要がある場合は、下部をフェードアウトするか、1つの色、またはグラデーションにする必要があります。