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

loveairsupply 2012-08-22 11:57:19

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

...全文

4595 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

wbb123yu 2012-11-16

打赏
举报

引用 7 楼 fly1314520929 的回复:

3楼的，图片会变形，4楼的，图片显示不完整，5楼的，不用说了，6楼的呢，那……更不用说！！！

...你的要求还真高都不符合你拿着窗口乱拖怎么可能有符合的你说的按比例是啥比例窗口长的比还是宽的比这两个比本来就不一样你把窗口拉长一条缝请问你想你的图片显示成啥样？要么不就是显示成一点点要么不就是显示不全么

fly1314520929 2012-11-16

打赏
举报

3楼的，图片会变形，4楼的，图片显示不完整，5楼的，不用说了，6楼的呢，那……更不用说！！！

btbear 2012-08-23

打赏
举报

三楼五楼正解、、、

loveairsupply 2012-08-22

打赏
举报

额。。。都快沉了，顶上去

碧海情天-赵亮 2012-08-22

打赏
举报

往往就是很简单的事：

<img src="http://avatar.profile.csdn.net/A/1/0/2_loveairsupply.jpg" width=60%>

gf05011 2012-08-22

打赏
举报

宽度和高度定义为百分比就行

任第一 2012-08-22

打赏
举报

已经测试通过，改成你本地的一张图片就行了。
<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>