0

ページの背景のセクションとして使用される画像の幅を明確にする方法を探しています。たとえば、固定サイズのコンテンツ セクションを含む可変幅のデザインでは、ページの本文に背景画像を添付し、次に (中央に) 背景画像として設定されたブラウザー幅全体にまたがる追加の画像を配置するのが一般的です。追加のdivで。

私はこれがどのように機能するかを大部分理解していますが、画像をどれだけ広くするかについてのガイダンスを探しています. 幅 4000 ピクセルの背景を使用しているサイトを見たことがあります。幅 8000 ピクセルの背景でさえあります。これは、ユーザーのブラウザー ウィンドウの幅よりも広いものです。

この手法は根本的な癖に依存しているのでしょうか?それが巨大な幅の原動力になっているのでしょうか?

また、div の背景画像がページ上の残りの要素の流れから外れる理由の背後にあるロジックについても興味があります。繰り返しますが、機能することはわかっていますが、その理由が気になります。

4

1 に答える 1

1

大きな写真を背景画像として使用する場合、27 インチの iMac 画面の解像度である 2560x1440px を超えることはありません: http://support.apple.com/kb/sp623 . 1366x768px が最も一般的なモニターです。解像度、その後に 1920x1080px: http://www.w3schools.com/browsers/browsers_resolution_higher.asp。

コンテンツの固定幅セクションがあり、そのセクションを画像で埋めたい場合は、画像をセクションのサイズにし、css を使用してスケーリングします: http://css-tricks.com/perfect-full-page-背景画像/ . 繰り返しパターンではなく、背景画像に写真を使用していると想定しています。その場合、繰り返す前に画像をパターンのサイズに合わせます。

于 2013-03-27T18:14:10.880 に答える