如何实现当浏览器大小变化时，图片也跟着按比例缩放

如题~
补充：图片不是背景图片

解决方案 »

  1.   

    在css里面设置那个框框的属性margin:0 auto;
      

  2.   

    已经测试通过，改成你本地的一张图片就行了。
    <html>
    <head>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $(window).resize(function(){
     $("#imgId").height($(window).height());
     $("#imgId").width($(window).width());
    });
    });
    </script>
    </head>
    <body>
    <table>
    <tr>
    <td>
    <img id="imgId" src="自己的照片">
    </td>
    </tr>

    </table>
    </body>
    </html>
      

  3.   

    往往就是很简单的事：<img src="http://avatar.profile.csdn.net/A/1/0/2_loveairsupply.jpg" width=60%>