css - ヘッダー画像のサイズ

Question

私のウェブサイトへの URL はhttp://chris-schilling-jksc.squarespace.com/です。サイト に入るパスワードは fsj です。

メインヘッダー画像を大きくする際に問題を引き起こしている Squarespace テンプレートを使用しています。現在、画像の多くを切り取ってかなりズームしています。この問題を解決する CSS を探しています。Squarespace テンプレートはレスポンシブなので、特定の側面をカスタマイズするのが難しくなります。誰かが私の問題の修正を知っていれば、それは大歓迎です。

Answer 1

画像が「拡大」されているのは、背景サイズがカバーするように設定されているためです。画面が広くなるにつれて、正しい縦横比を維持するために、画像を水平方向と垂直方向の両方に引き伸ばす必要があります。ここでの唯一の実際の修正は、より狭い画像を使用することですが、小さい画面ではアスペクト比によって「ズームイン」されます。