0

ねえ、ブラウザの幅でヘッダーとして画像全体を取得したいと思います。しかし、問題は、水平スクロールバーが表示されることです。それは望ましくありません。私が欲しいのは、ブラウザも調整すると画像が調整されることです。これはcssで可能ですか？私の悪い英語でごめんなさい。これは私のコードです

#header {
        Margin-left:auto;
        Margin-right:auto;
        heigth:400px;
        position: center center;    
        min-width: 100%;
        max-width: 1024;
}

     <body>
        <div id="header">
            <img src="header.png" />
        </div>
4

5 に答える 5

0

うーん、背景画像を作成すると、画像自体が表示されません。おそらく、幅が 1400px であるため、水平スクロール バーを使用せずに、ブラウザーの幅ごとにこれを css トリミングできます。

于 2013-10-10T11:24:30.343 に答える
0

試す。

#header {
    max-width: 100%;
    background:#ffffff url("header.png") repeat-x;
}
于 2013-10-09T19:21:12.923 に答える
0

画像を背景画像として設定し、background-size: cover; を使用することもできます。このような：

#header {
    width: 100%; height 400px;
    margin: 0 auto;
    background: url("../header.png");
    background-size: cover;
}

<div id="header"></div>

background-size の詳細については、 http ://www.css3.info/preview/background-size/ を参照してください。

于 2013-10-09T19:21:38.837 に答える