『壹』 html5怎样实现图片随浏览器窗口变化大小

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body
{
background-image:url(imagess/wedding-20140411.jpg) ;
background-repeat:no-repeat;
background-size:100%;
margin:0px;
padding:0px;
}
div
{
width:100%;
height:600px;
}
</style>
</head>
<body>
<div>1</div>
</body>
</html>
背景图方式

『贰』 html怎么让图片的大小随电脑分辨率的大小变化而变化

背景平铺或者用jQuery来实现，望点赞

『叁』 求JS高手~图片随页面缩放变化而变化

<!--直接复制下面的代码运行就可以看到效果了-->
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title></title>
<style>body{padding:0;margin:0;overflow:hidden;}</style>
<scriptsrc="

<script>
$(function(){
$(window).resize(function(e){
$("#photo").width($(this).width());
$("#photo").height($(this).height());
}).resize();
});
</script>
</head>

<body>
<imgid="photo"src="

</body>
</html>

『肆』 如何使图片随窗口大小变化而变化

#Layer1{
position:absolute;
top:30%;
left:30%;
margin:-100px00-100px;
zoom:0.5;
/*要设置这个div的宽度*/
width:50%;
}
<divid="Layer1">
<!--设置一个属性的时候按比例缩放，图片不会变形-->
<imgwidth="100%"src="./imge/NPC/NPC001.jpg">
</div>

你想用js改变大小？

具体怎么改，和窗口大小一样就可以？

『伍』 网页图片随浏览器窗口变化导致页面变形怎么办

把那个图片设背景模式，宽度100%，这种问题很简单，在网站设计中，你可以考虑响应式，也可以考虑手机段单独设计

『陆』 HTML背景图片，随不同屏幕分辨率变化始终全屏，网页图片随屏幕分辨率变化始终保持相同比例并且不改变形状

如果要做不同分辨率背景不变形，就要做下常用浏览器的判断。

判断有两种方法：

一种是CSS判断；

@mediascreenand(max-device-width:900){
/*这里是相应CSS代码片段*/
};

一种是js判断。js的写法就比较多。

『柒』 怎样使图片大小随页面大小改变

超过屏幕宽度时，缩小，高度等比例缩小，小于屏幕宽度时，显示原图尺寸：
img{height:auto;max-width:100%;}
始终随容器宽度变化：
img{width:100%;height:auto}