背景全体をカバーする単一の画像があります。これを行うサイトは通常、JavaScriptを使用してイメージサイズを選択しますか? JavaScriptを使用したくない場合は、スクリーンの大部分をカバーするのに適した最小サイズはどれくらいですか?ありがとう。単一の背景画像に適した最小サイズ
答えて
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は、この目標を達成するための技術です。
最もよく使用される画面解像度は1024x768です。 また、ウェブサイトに1つの背景を使用する必要がある場合は、ボトムをフェードアウト、または1つの色やグラデーションにする必要があります。
これは2009年頃の最後のことでした。http://www.w3schools.com/browsers/browsers_display.asp – Thilo
何かがある場合、画面のサイズは発散しています。あなたは今、より多くのスマートフォン、ミニノートパソコン、そのようなガジェットを持っています。ワンサイズ・オール・アプローチはもはや実現不可能です。 –
- 1. 画像の最大サイズ - 背景画像
- 2. Androidアプリの背景画像の最小サイズ
- 3. 小さな画面の背景サイズ
- 4. 背景画像カルーセルの背景画像
- 5. 背景画像上の背景画像
- 6. CSSのフルスクリーンの背景画像のサイズ
- 7. ピクチャボックスの背景画像のサイズ変更
- 8. ウェブページの背景画像のサイズ変更
- 9. XXHDPIのAndroidの背景画像サイズ
- 10. iPhone 7 Plusの背景画像のサイズ
- 11. アコーディオンの背景画像のサイズ
- 12. UINavigationバーボタンの背景画像のサイズ
- 13. 固定サイズのSVG背景画像
- 14. Div同じサイズの背景画像
- 15. ロイヤリティーフリーの画像背景画像のための背景
- 16. 応答背景画像は、携帯サイズ
- 17. 背景画像自体がサイズ変更
- 18. 背景画像は単一の画像でのみ切り替えます
- 19. 背景画像のサイズが変更されました
- 20. 単一の背景画像を設定する方法
- 21. 背景画像
- 22. 背景画像
- 23. 背景画像
- 24. jQuery CSSが背景に背景画像を設定した後:
- 25. 背景サイズ:カバーが背景画像の高さを設定していない
- 26. 背景画像を画面のサイズにする
- 27. 画像上の背景の背景
- 28. 背景画像の後にテキストを配置する(背景サイズ:カバー)
- 29. 画像の背景
- 30. CSS:背景色の背景画像
ダウンボートを正当化しようとしていますか?ああ待って、あなたができない、私の悪い。私のダミーのSOアカウントがヒットするように見える - ¡ – EHNole
アップアップ投票が行われていないので投票できません!ああ、私もまったく同じ質問がありました。 – megaSteve4