如何使图片随窗口大小变化而变化？
我用：
<title>Map001</title>
<style type="text/css">
#Layer1
{
position:absolute;
top:30%;
left:30%;
margin:-100px 0 0 -100px;
zoom:0.5
}
</style>
</head>
<body>
<img src="./imge/Map/Map001.jpg" width="100%" height="100%" style="z-index:-100;position:absolute;left:0;top:0">
<div id="Layer1">
<img src="./imge/NPC/NPC001.jpg">
</div>
</body>
</html>
NPC001.jpg固定缩小50%，窗口变化时图像大小不变，我想在窗口变化时，图片跟随按比例缩放，应如何 做？谢谢
我是要随窗口大小变化啊，今天找到个窗口变化的事件
<script type="text/javascript">
var mydiv=document.getElementById("mydiv");
var mydiv_resize=function(){
document.body.Layer1.zoom=document.body.clientWidth/1000;这句不正确吧？ 应如果写这句？
}
mydiv_resize();
window.onresize=mydiv_resize;
</script>
但不知怎么改变图像大小
#Layer1 {
position:absolute;
top:30%;
left:30%;
margin:-100px 0 0 -100px;
zoom:0.5;
/* 要设置这个div的宽度 */
width: 50%;
}<div id="Layer1">
<!-- 设置一个属性的时候按比例缩放，图片不会变形 -->
<img width="100%" src="./imge/NPC/NPC001.jpg">
</div>
position:absolute;
top:30%;
left:30%;
margin:-100px 0 0 -100px;
zoom:0.5;
/* 要设置这个div的宽度 */
width: 50%;
}<div id="Layer1">
<!-- 设置一个属性的时候按比例缩放，图片不会变形 -->
<img width="100%" src="./imge/NPC/NPC001.jpg">
</div>
你想用js改变大小？
具体怎么改，和窗口大小一样就可以？
温馨提示：内容为网友见解，仅供参考
第1个回答 2013-06-03
<img src="./imge/NPC/NPC001.jpg" width="100%" height="100%">本回答被提问者采纳
相似回答
