iframeのsrc属性を設定することで、iframe内に画像があります。
<iframe src="path/to/my/image.jpg" class="myclass"></iframe>
iframeの高さと幅は固定されています。その画像の幅をiframe全体に表示したいのですが、高さは幅に比例したままなので、ユーザーはiframeを下にスクロールして残りの画像を表示できます。
どうすればよいですか？
編集：JSFiddleリンクhttp://jsfiddle.net/2LExA/
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 のヒントに感謝します。
iframe を主に使用して、画像を含む別の html ページを表示します。したがって、そのページに css を使用して画像のスタイルを設定します。css を使用して iframe の幅をスタイルできますが、コンテンツはスタイルできません。
もう 1 つの方法は、画像を div に配置し、その div を基準にして画像のスタイルを設定することです。
html
<div><img src="yourimg" /></div>
CSS
div{width:600px;height:300px;}
img{width:50%;}