2

CSS を使用して画像の高さを自動的にサイズ変更する方法はありますか?

ウェブサイトの左側にメニューがあります。画像サイズは216×504です。

幅は問題ありませんが、画像の高さはモニターの画面解像度に応じて自動的にサイズ変更されます。

ここに私のHTMLがあります：

<div class="menu-bg">
<img src="image/bg_menu.png" alt=""  />
</div>

これが私のcssです：

.menu-bg
{
    position:absolute;
    top:130px;
    left:0px;
    height: auto;
}

が機能していheight: auto;ません。私はすでにグーグルを試みましたが、結果は常に機能してheight:autoいません。Mozilla Firefox をブラウザとして使用しています。

コメントをお待ちしております。

ありがとうございました

4

6 に答える 6

2

.menu-bg img{ height:auto; } このcssを使用して試してください

あなたがしているのは、画像ではなくコンテナに自動高さを与えることです。

于 2013-08-27T14:35:46.373 に答える
0

これを試しましたか：

.menu-bg{
    position:absolute;
    top:130px;
    left:0px;
    height: auto;
    border:2px solid red;

    width:216px;
    max-height:504px;
    height:80%;
}
.menu-bg img{
    width:100%;
    height:100%;
}

「高さ:80%」は必要に応じて調整できます...;

于 2016-10-03T07:50:33.253 に答える
0

これを試して：

.menu-bg {
height:100%; /* remove this if it doesn't work at first */
position:absolute;
top:130px;
left:0px;
}

.menu-bg img {
height:auto;
}
于 2013-08-27T14:51:07.083 に答える