HTML ページの作成に問題があります。具体的には、特定のサイズ (画面よりも大きい) の背景画像が必要です。ただし、縦横比を維持し、画像をできるだけ画面全体に表示したい (タイリングなし)。
また、背景画像に対して他の要素を配置できるようにしたいと考えています。背景はコンテンツの一部であり、ブラウザー ウィンドウの解像度に関係なく、他の要素 (テキストなど) が画像内のスポットを維持するようにします。
誰でも私に解決策を教えてもらえますか? (明らかに) HTML、CSS、および JavaScript を使用できます。解決策が見つからない場合は、画像を 800X600 または 1024x768 にして、その解像度に固執します。私はこれに頼る必要がないことを願っています。
編集: 私はそれbackgound-size: contain;が exepcted として動作しないことに言及する必要があります。少なくとも私にとってはそうではありません。