0

ブートストラップを使用して、全幅の背景画像を配置することができました。問題は、画像をどの解像度で作成する必要があるかです。

1600x1200 にする必要があり、ブートストラップ フレームワークに調整させますか? しかし、より高い解像度はどうですか？

私が目指している結果は、このページのようなものです: http://www.indochino.com/product/white-casual-shirt

画像はバナーのようなものです。私の理解が正しければ、彼らは 1600x1200 の画像を作成しました。

4

1 に答える 1

0

大きな画像を使用してから、CSS3 の background-size: cover を使用します。指定した背景画像で div/body を完全に埋めます。つまり、サイズに関係なく、要素に合わせて背景画像のサイズを自動的に変更します。

#div {
 background: url("someimage.jpg");
 background-size: cover;
}

また

#div {
 background: url("someimage.jpg");
 background-size: 100% 100%;
}
于 2013-09-05T11:27:18.177 に答える