Web サイト用に大きな背景画像 (3600x1600) を持っており、この解像度で使用して、2k までのほぼすべての画面をカバーしたいと考えています。
ただし、私のジレンマは、この画像には空が含まれており、上位 1000 ピクセルほどが文字通り空であるということです。つまり、1080p では、ブラウザが起動するという事実により、実際に見えるのは画像内の空だけです。ページの上部にある画像を拡大し、解像度が大きくなるにつれて下に拡大します。
背景画像をページの下部に固定し、下向きではなく上向きに拡大する必要があります。これにより、すべての解像度で画像内の都市が見え、空がより大きな解像度をカバーします。
CSS3 を使用して背景を 100% にスケーリングして、いくつかの異なることを試しました。これは、画像の縦横比が原因で、ページの下部に 16:9 の白い隙間が残り、「下部」タグの位置にばかげているページの上部にある画像の下部...
これを行う方法、またはそれが可能かどうかについてのアイデアはありますか? ありがとう。