Размер изображений неизвестного размера до определенного размера без обрезки. (Letterboxing)

Question

Я пытаюсь взять изображение с внешнего URL-адреса и поместить его в отдельный размер div.

Например, div размером 300x200. Изображение на внешнем URL-адресе может быть пейзажным или портретным, и я не хочу, чтобы изображение обрезалось чем-то вроде overflow:hidden

Есть ли хороший/умный способ сделать это?

Answer 1

Вы можете попробовать # your-div img { max-width: 100% max-height: 100%; }

это должно сделать работу для вас, как в этом jsfiddle http://jsfiddle.net/trickeedickee/xWeVK/