1

なぜこうなった？そして、どのように修正するのですか？私の意見では、IE と Opera はすべての場合に問題なく動作しますが、他のブラウザでは「高さ」があまりよくありません。

HTML:

<div class="image">
    <img class="data" src="http://www.jpeg.org//images/blue_large_05.jpg" alt=""/>
</div>

CSS (高さ):

.image {
    overflow: hidden;        
    width: -moz-max-content;
    width: intrinsic;
    display: inline-block;

    height: 100px; //Is buggy
}

.data {
    width: 100%;
    height: 100%;
    float: left;
}

CSS (幅):

.image {
    overflow: hidden;        
    width: -moz-max-content;
    width: intrinsic;
    display: inline-block;

    width: 200px;
}

.data {
    width: 100%;
    height: 100%;
    float: left;
}

display:blockの正しい幅のための組み込みのプロパティ値&& -moz-max-content。

4

2 に答える 2

1

height: auto ; と入力する必要があります。画像のために。次に、ブラウザは正しい高さを計算し、画像は正しい比率になります。

于 2012-12-08T10:36:28.223 に答える
1

それが何をしているのかについて、私は予期しないことは何も見ていません。.img の高さを 100% に設定すると、親要素の高さの100% になります。この場合、画像が歪んでしまいます。

于 2012-12-08T09:04:06.903 に答える