图像的宽度和高度没有伸展或溢出

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%; 
}