0

レスポンシブ サイトを構築しようとしていますが、サイトに適用した 2 つの背景画像のサイズ変更に苦労しています。モバイル デバイスで表示すると、ヘッダーが押しつぶされたように見えます。これは、ヘッダーに固定の高さが適用されたものだと思います。プロパティ height:auto を使用してみましたが、まだ喜びはありません。誰かが私が間違っていることを指摘できますか?

#header{
background: url(images/page_header_1024px.png) no-repeat;
background-size: 100% 100%;
max-width:1024px;
min-height: 100%;
margin: 0 auto;}

ここをクリック

4

2 に答える 2

0

次のように書きます。

    html, body{
     height:100%;
    }
#header{
 min-height:100%;
}
于 2012-05-10T10:36:11.027 に答える
0

標準タグを使用していない理由はありますか? 次に、ブラウザーはネイティブにサイズを変更します - このページのサイズを変更してみてください (独自のウィンドウで画像のみ): http://thisiswired.com/responsive/css/images/page_header_1024px.png

それはあなたが望む効果ですか？

于 2012-05-31T20:33:20.033 に答える