1

私はcssの初心者で、答えを見つけようとしましたが、見つかりませんでした。だから我慢してください:D

コードにメタがあります (レスポンシブ モバイル Web であるため)。問題に関連する場合に備えて表示します。

<meta name="viewport" content="width=device-width, 
   initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">

これは私のコードの一部で、 cssでimg widthandを変更したい場所です:height

<div id="desc">
    <img alt="" src="images/MallDetail/MallDesc.png">
</div>

だから私はこのようなことを試しました：

#desc img {
    float: left;
    width: 95%;
    height: 50%;
    margin: 0 2.5% 0 2.5%; 
}

その後、奇妙なことが起こりました。幅は完全に機能しており、img widthサイズは現在の幅の 95% ですが、height機能していません。変更されていません (height現在の高さの 50% である必要があります)。

また、cssをリセットする必要がmargin 0あります。padding 0

なぜこうなった？物事を機能させるにはどうすればよいですか?

どんな助けでも大歓迎です、あなたの助けに感謝します:D

4

2 に答える 2

1

% を使用して高さを設定することはできません。幅に % を使用すると、幅が増加すると自動的に高さが増加します。

min-height: 90px; を使用する必要があります。その後、内部のコンテンツに基づいて高さが増加します。

例えば

    <div id="mainContainer">

       <img src="HelloWorld" alt="" style="width:100%" />
       <div class"newContent">
       <h1>Hello</h1>
    </div>

</div>

CSS:

#mainContainer{
  min-height: 80px;
  width:100%;
}
于 2013-06-21T17:03:00.277 に答える