0

我试图限制div.

图像有不同的大小，如果图像过大，我想减小图像大小，同时保持它的比例。

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

这largePic是大图像路径，在加载之前我无法判断图像有多大。

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

4

3 回答 3

2

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

于 2012-08-08T19:36:25.400 回答
2

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

像这样的东西应该工作：

$('#Div').css({display:'block',
                 position: 'absolute',
                 top: offset.top,
                 left:offset.left,
                 max-width: '200px'
                 }).append("<img src='" + largePic+ "'/>");
于 2012-08-08T19:34:10.233 回答
1

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

于 2012-08-08T19:34:18.380 回答