如何在div中限制图像大小

Question

我试图在div内限制不同的图像宽度和高度。

图像尺寸不同，我希望减小图像尺寸，同时保持图像尺寸超大尺寸。

 $('#Div').css({display:'block',
                     position: 'absolute',
                     top: offset.top,
                     left:offset.left
                     }).append("<img src='" + largePic+ "'/>");

largePic是大图像路径，我无法分辨图像加载前的大小。

知道怎么做吗？非常感谢！！！

Answer 1

在div上使用CSS max-width属性。

这样的事情应该有效：

$('#Div').css({display:'block',
                 position: 'absolute',
                 top: offset.top,
                 left:offset.left,
                 max-width: '200px'
                 }).append("<img src='" + largePic+ "'/>");

Answer 2

您可以通过div或图像约束图像。这是一个通过在div上设置宽度来约束图像，并让图像尽可能填充div的方法：http://jsfiddle.net/LELns/

Answer 3

用最大高度或最大宽度约束它。