『壹』 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}