我有一个iframe中的图像通过设置的iframe src属性：
<iframe src="path/to/my/image.jpg" class="myclass"></iframe>
的IFRAME具有固定的高度和宽度。 我想是图像的宽度，以填补的iframe，但它的高度将留成正比的宽度，这样用户将能够向下滚动iframe来看到图像的其他部分。
我该怎么做呢？
编辑：的jsfiddle链接http://jsfiddle.net/2LExA/
Answer 1:
我的iframe的src设置为一个名为页面show_image.php并通过图像URL作为查询字符串：
<iframe src="show_image.php?src=path/to/image.jpg" class="foobar"></iframe>
然后在show_image.php，我放弃了与它的SRC设置的查询字符串和宽度100％的IMG：
<img src="<?php echo $_GET['src']; ?>" style="width:100%" />
完成！ 由于lukeocom的提示进行提的是，我应该把图像在一个单独的页面。
Answer 2:
您使用iframe主要是为了显示一个单独的HTML页面，这将包含一个图像。 因此，你可以使用CSS为页面样式的图像。 您可以使用CSS风格你iframe的宽度，而不是它的内容。
您的另一种方法是将图像放置在一个div，而相对于该div的影像风格。
HTML
<div><img src="yourimg" /></div>
CSS
div{width:600px;height:300px;}
img{width:50%;}
文章来源: Styling image inside iframe
