1

ヘッダー タグ内にある背景画像を使用しています。コーディングは次のようになります。

<div id "header">
<div id "logo">
<div id "nav">


</div>
</div>
</div>

ヘッダーは、幅: 75% のサイズのコンテナー要素内にあります。ロゴ画像は幅 1024 ピクセル、高さ 75 ピクセルです。背景タグ内のロゴ画像をコンテナー要素の幅 100% に保ち、サイズを変更すると比例してサイズ変更されるソリューションを見つけようとしています。

私が考えた解決策は、

background-size:auto;

ほとんどの画面に対応できる 1024px を選択しました。最小幅は 780px で、最大幅は 1024px です。

この背景画像を、訪問者の画面とそれが含まれるコンテナ要素に比例してサイズ変更するための最良の解決策は何ですか.

ありがとう

4

3 に答える 3

0

背景のサイズを変更する唯一の方法は、JavaScriptを使用することです。

jQueryを使用するコードはここにあります：https ：//gist.github.com/epoberezkin/5070642

于 2013-03-16T11:27:49.943 に答える
0

これを試して： 

 background-size: 100%;
于 2013-02-20T08:43:42.007 に答える
0

私が見つけた最良の方法は、

最小幅:100%;

于 2013-03-03T18:22:59.920 に答える