将未知大小的图像调整为特定大小而不裁剪.(信箱）

Sizing images of unknown size to a specific size without cropping. (Letterboxing)

本文关键字：裁剪 信箱 未知 图像 调整      更新时间：2023-09-26

我正在尝试从外部URL获取图像并将其放在特定大小的div中。

例如，一个div 为 300x200。 外部URL上的图像可以是横向或纵向，我不想用类似overflow:hidden的东西裁剪图像

有没有一个好/聪明的方法可以做到这一点？

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

这应该为您完成工作，就像在这个 JSFIDDLE http://jsfiddle.net/trickeedickee/xWeVK/

相关文章：