在 iframe 中显示图像，图像大于 iframe。我可以使用 HTML 使其适合吗？答案

【问题标题】：display image in iframe, image is larger than the iframe. Can I make it fit using HTML?在 iframe 中显示图像，图像大于 iframe。我可以使用 HTML 使其适合吗？
【发布时间】：2014-07-02 18:32:45
【问题描述】：

我正在尝试在 iframe 中显示图像，图像大于 iframe。我可以使它适合使用 HTML 吗？

照片是 400 x 200，我的 iframe 是 200x100，是否有 HTML 编码的 iframe 会自动将图像适应 iframe 边框？

【问题讨论】：

1) 为什么是 iframe，为什么不是 div？ 2）stackoverflow.com/questions/3029422/…stackoverflow.com/questions/19779305/…stackoverflow.com/questions/16037566/…
不，你不能。除非您可以访问 iframe 中文件的源代码，否则您可以使用类似img.some_class { max-width:100% !important; max-height:100% !important; display:block;} 的代码为其设置一个类。但是您不能在 iframe 中使用 CSS 放置在父文档（iframe 支架）上的元素设置样式。

标签： html iframe

【解决方案1】：

在 iframe 中使用 seamless 属性：
<iframe src="demo_iframe.htm" <b>seamless</b>> </iframe>
和 Css
iframe img{width:200px;}
注意： IE、Firefox 不支持无缝属性, Opera 12 及更早版本。

【讨论】：

是的，截至目前，它可能在 IE、Chrome、Firefox、Opera 和 Safari（讽刺）中除外。 caniuse.com/#feat=iframe-seamless
（不是我说 OP 不应该只使用 img 标签）
任何浏览器都不支持