2012-04-07 8 views
1

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

+0

ダウンボートを正当化しようとしていますか?ああ待って、あなたができない、私の悪い。私のダミーのSOアカウントがヒットするように見える - ¡ – EHNole

+0

アップアップ投票が行われていないので投票できません!ああ、私もまったく同じ質問がありました。 – megaSteve4

答えて

4

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; 
} 

は確かに、唯一の近代的なブラウザで動作します。 Hereは、この目標を達成するための技術です。

+0

Webkitベースのブラウザ、Firefox、Operaはバックグラウンドサイズをネイティブに理解しています。ベンダープレフィックスを使用する必要はありません。 – YMMD

+0

ありがとう – EHNole

1

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

+0

これは2009年頃の最後のことでした。http://www.w3schools.com/browsers/browsers_display.asp – Thilo

+0

何かがある場合、画面のサイズは発散しています。あなたは今、より多くのスマートフォン、ミニノートパソコン、そのようなガジェットを持っています。ワンサイズ・オール・アプローチはもはや実現不可能です。 –