応答フル背景画像スクリプトは、JavaScriptを回避し、画像が正常に任意の空白のセクションをケーシングすることなく、ページの全領域に表示するためにのみ、CSSコードを使用する方法をWebデザイナーを示しています。
「バックグラウンド·サイズ:カバー "しながらCSSプロパティは、自分自身でこれを達成することができ、背景画像が正しく選択されていない場合は、ほとんどのウェブサイトので、これらの日は、これらのデバイスのいずれかを、定期的に両方のモバイルおよびデスクトップデバイスからアクセスされています、イメージが常に適切にウィンドウ内に収まりません。
このスクリプトは、小さな画面のデバイスをターゲットと違うので、より適切なと軽い画像をスマートフォンやタブレットのために使用されていることを確認するためにCSS3のメディアクエリを追加します。
全体的にこのトリックは、数年のために今、高品質の背景画像は、Webデザイン業界共通の傾向であり、特に以来、非常に有用であることができます。
デモは、CSSのパッケージを使用して応答フル背景画像に含まれています。
要件:ます。
CSS 3対応ブラウザ
コメントが見つかりません