如何使图片随窗口大小变化而变化？
我用：<title>Map001</title><styletype="text/css">#Layer1{position:absolute;top:30%;left:...
我用：
<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>
但不知怎么改变图像大小 展开
<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>
你想用js改变大小？
具体怎么改，和窗口大小一样就可以？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
