将未知大小的图像调整为特定大小而不进行裁剪。 （边框化）

Question

我正在尝试从外部网址获取图片并将其放入特定大小的div中。

例如一个300x200的div。外部URL的图像可以是横向或纵向，我不希望用overflow:hidden

之类的图像裁剪图像

有没有好的/聪明的方法来做到这一点？

Answer 1

你可以试试     #your-div img {         最大宽度：100％         最大高度：100％;         }

这应该像你在这个jsfiddle http://jsfiddle.net/trickeedickee/xWeVK/

那样为你完成工作