Question

我想限制div内的各种图像宽度和高度。

图像大小不同，我想在缩小图像大小的同时保持图像的大小。

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

的largePic是大图片路径，我不能告诉图像有多大，直到它加载。

任何想法如何做到这一点？非常感谢！！！

Answer 1

您可以通过div或图像限制图像。下面是通过在div上设置宽度来限制图像的jsfiddle，并且使图像尽可能地填充div：http://jsfiddle.net/LELns/

Answer 2

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

像这样的东西应该工作：

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

Answer 3

具有最大高度或最大宽度约束它。