如何使图像完美地适合iframe，而不必滚动

Question

如何在不必滚动的情况下使图像完美地适合iframe。 下面是我的代码的一个例子

<iframe  style="display:inline"src="../assessm2/images/social3.jpg"    frameborder="0" name="frame 2"></iframe>
</center><br/>
</div>
<div id="text">
<a href="../assessm2/registration.html" target="frame 1"  >Show</a>
<a href ="../assessm2/images/social2.jpg" target="frame 1">Hide</a> &nbsp 
<a href="../assessm2/shoutOut.html" target="frame 2">Show</a>
<a href="../assessm2/images/social3.jpg" target="frame 2">Hide</a></p></div>