如何使iframe图像响应

时间:2019-02-15 04:34:58

标签: iframe png

我有一张要在iframe中响应的图像。我能够使用max-width:100%完成调整图像的宽度大小;

但是,在移动设备上调整图像大小时,它在图像底部留下了巨大的空白,好像它只是在宽度上而不是在高度上一样。

我尝试使用max-height:100%;那只会让情况变得更糟,使差距更大。.然后我尝试了height:100%;不好,我尝试删除了height属性,并切断了图像。.我不知道还能尝试什么...

<center><iframe src="image.png" scrolling="no"
style="width:960px; max-width:100%; height:493px; max-height:50%;      border:0px;       padding:0;overflow:hidden"
allowtransparency="true"></iframe></center>

我只希望在较小的屏幕尺寸上正确调整图像大小。

0 个答案:

没有答案