10
幅に合わせるCSS背景画像、高さは比例して自動スケーリングする必要があります
私が持っています body { background: url(images/background.svg); } 望ましい効果は、この背景画像の幅がページの幅と同じになり、高さが比率を維持するように変更されることです。たとえば、元の画像が偶然にも100 * 200(任意の単位)であり、本文の幅が600pxである場合、背景画像は高さが1200pxになるはずです。ウィンドウのサイズが変更されると、高さが自動的に変更されます。これは可能ですか? 現時点では、Firefoxは高さを調整して幅を調整しているようです。これはおそらく、高さが最長の寸法であり、トリミングを回避しようとしているためでしょうか?私が欲しい縦にトリミングし、その後、スクロール:なし水平方向の繰り返しを。 また、Chromeは画像を中央に配置してbackground-repeat:repeatいます。明示的に指定された場合でも、繰り返しは行われません。これがデフォルトです。