jquery - 親divの幅/高さに従って、画像の高さまたは幅を100％調整します

Question

画像付きのダイナミック/レスポンシブが1つdivあります。そして、DIVの高さ/幅に従って、画像の高さまたは幅を100％にしたい。画像を引き延ばしたくありません。幅または高さの両方ではなく、どちらか一方を 100% にする必要があります。

これが私が試している例ですhttp://jsfiddle.net/CLrUS/

Answer 1

このように画像にCSSを与えます

.css{ max-width:100%;

    max-height:100%}

ここで、画像は親 div の幅をとります。ここで画像は伸びません。画像は比例した高さと重さを取得します

例： http: //jsfiddle.net/CLrUS/1/

Answer 2

高さだけを増やすには：

.class img{
    height: 100%;
    width: auto;
}

そしてこれはちょうど幅のためのものです:

.class img{
    height: auto;
    width: 100%;
}

Answer 3

最小幅と最大幅を使用する

img{
    min-width: 100%;
    max-width: 100%;
}

パネルのサイズを変更してみる

http://jsfiddle.net/e3yPT/