如何修改iframe下面的img的宽高。oss上面的图片的缩放问题

<iframe data-v-62f923e1="" src="https://orgstatic1.vvwx.net/1f0e3dad99908345f7439f8ffabdffc4/Testlib/1558582161356163.jpg" width="100%" height="500px"></iframe>

我的ifame里面是张图片。在浏览器里面可以看到他解析的内容是：

里面是个img的图片。我想让这个图片在我固定的宽度里面最多宽度为100%；我写了一个全局样式iframe  img{max-width:100%}发现好像没有用啊。

 而现在的效果是如果我的图片很大超过了外面设置的宽度。它会按照原尺寸显示，然后外面有滚动条。如果小就是原尺寸

 

从上面的图片的地址也可以看到我是把图片存在了oss的。所以我要改变图片大小就的采用

将图片按照要求生成缩略图，或者进行特定的缩放。
说明：图片处理支持的格式：jpg、png、bmp、gi