javascript - 不明なサイズの画像をトリミングせずに特定のサイズにサイズ変更します。(レターボックス)

Question

外部 URL から画像を取得して、特定のサイズの div に配置しようとしています。

たとえば、300x200 の div です。外部 URL の画像は横向きでも縦向きでもかまいません。overflow:hidden

これを行うための良い/賢い方法はありますか?

Answer 1

#your-div img { max-width: 100% max-height: 100%; を試すことができます。}

これは、このjsfiddle http://jsfiddle.net/trickeedickee/xWeVK/のようにあなたのために仕事をするはずです