iframe里面的样式,在iframe中设置图像样式

I have an image inside an iframe by setting the src attribute of the iframe:

The iframe has a fixed height and width. I want that image's width to fill the iframe, but its height would stay proportional to the width so the user would be able to scroll down the iframe to see the rest of the image.

How do I do this?

EDIT: JSFiddle link http://jsfiddle.net/2LExA/

解决方案

I set the src of the iframe to a page called show_image.php and passed the image url as query string:

Then in the show_image.php, I dropped an img with its src set to the query string and width to 100%:

Done!

Thanks to lukeocom's hint for mentioning that I should put the image in a separate page.