ページ グリッドを埋める一連の正方形があります。行ごとに 3 列 (span4)。
背景画像でspan4の端から端まで塗りつぶしたいと思います。ブラウザのサイズが変更されると、適切に押しつぶされます。
スパンの高さを背景画像の高さと一致させたいです。したがって、幅が小さくなると、それに比例して高さが減少します。
基本的に、画像が背景ではなく、レスポンシブ画像であるかのようです。その上にテキストを書きたいので、背景にする必要があります。
これは可能ですか？各スパンの高さの値を手動で設定する必要のない適切なアプローチとは何ですか?背景画像を押しつぶすにはどうすればよいですか?