图像宽度和高度，无拉伸或溢出

Image width and height without stretching or overflow

本文关键字：溢出 高度 图像      更新时间：2023-09-26

我正试图获得一个高度和宽度未知的图像，以适合宽度为300px和高度为300px的div。我总是需要看到整个图像。

示例1：300px高和200px宽的图像将导致其父div 的高度100%和宽度66%

示例2：200px高和300px宽的图像将导致其父div

的高度66%和宽度100%

如果将图像设置为div的背景图像，则可以使用css样式的

background-size: contain;

这是一把小提琴！http://jsfiddle.net/04y4dm06/1/

我不确定这是否是真的，但我认为你可以用jQuery:来问它

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

.your_block img {
    max-width: 100%;
    max-height: 100%;
}
相关文章：