用onresize="changeimg()"，事件写一个js脚本，使图片能随浏览器大小变化而变化。

//宽度 高度 可以根据浏览器的宽度高度 自己定义规则去算
//网页可见区域宽： document.body.clientWidth 
//网页可见区域高： document.body.clientHeight 
//网页可见区域宽： document.body.offsetWidth (包括边线的宽) 
//网页可见区域高： document.body.offsetHeight (包括边线的高) 
//网页正文全文宽： document.body.scrollWidth 
//网页正文全文高： document.body.scrollHeight 
//网页被卷去的高： document.body.scrollTop 
//网页被卷去的左： document.body.scrollLeft 
//网页正文部分上： window.screenTop 
//网页正文部分左： window.screenLeft 
//屏幕分辨率的高： window.screen.height 
//屏幕分辨率的宽： window.screen.width 
//屏幕可用工作区高度： window.screen.availHeight 
//屏幕可用工作区宽度： window.screen.availWidth
var changeimg = function () {
     var w = document.body.clientWidth;
     var h = document.body.clientHeight;
     var img = document.getElementById("图片ID");
     img.style.width = "";
     img.style.height = "";
}
window.onresize = function () {
     changeimg();
}