Html 转换<；img/>；进入横幅

我想把一个元素转换成一个横幅，填充一个div而不失真

正如你在我的图片上看到的，我希望图片1通过对原始图片的缩放变成像图片2一样，就像我对图片3所做的那样

我用css尝试了很多东西，事实上，图片3来自一个背景url，所以很简单，但是图片1是一个div（强制的，因为src来自phpFunction）

---

我认为实现这一目标的一种方法与图3中的方法相同，只是重复了一下：

<div style="...">

或者，您可以删除该div的填充，插入另一个div来存储内容并对其使用填充