如何在iframe上使图像响应

时间:2019-02-15 17:07:10

标签: iframe png responsive

我有这个iframe代码,能够使用max-width:100%调整图像的宽度以适合任何屏幕尺寸;但是,高度没有正确调整,正如您在https://ibb.co/5FtZ9WC此处共享的图像上看到的那样。当iframe中的图像调整宽度大小时,它会在图像底部留下空白,好像它没有正确调整高度。

我尝试使用max-height:100%;它不起作用,尝试了高度:100%;也不起作用,我还尝试删除了height属性,它仍然在图像底部留有空白。.我不知道还有什么尝试。.我在这里遗漏了什么吗?

我使用的iframe代码

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

0 个答案:

没有答案