圖像的寬度和高度沒有伸展或溢出

Question

我想獲得一個圖像與未知的高度和寬度，以適應與300px寬度和300px高度的div的內部。我總是需要看到整個圖像。

實施例1：圖像與300像素高度和200像素寬度，進來將導致100％高度和它66％的寬度的父DIV

實施例2 ：圖片來自200px高度和300px寬度，將導致66％高度和寬度爲100％它的父DIV

Answer 1

如果設置圖像作爲div的背景圖像，您可以使用CSS樣式

background-size: contain; 

這裏有一個的jsfiddle！ http://jsfiddle.net/04y4dm06/1/

Answer 2

我不知道這，但我認爲你可以用jQuery問它：

if($('incoming_pic').css('height') > '300px'){ 
    //do something 
} 

Answer 3

.your_block img { 
    max-width: 100%; 
    max-height: 100%; 
}