Question

用css、如何让图片自动适应屏幕大小,不出现滚动条,不变形，兼容各个浏览器？急！！！各位大神帮帮忙

Answer 1

如果是个背景图的话，
定义一个div,高100%,宽100%，里面放个img
<div class='bg'>
<img src="images/bg.jpg" alt="">
</div>

html,body{overflow: hidden;}
.bg{width: 100%;height: 100%;top:0;z-index: -1; position: absolute;}
.bg img{display: block;outline: none;border:0;height: 100%;width: 100%;}

追问

谢谢、解决了

Answer 2

img { width:100%; height:auto;}
这样就可以了

追问

你这样会变形、出现滚动条、浏览器不兼容

追答

body { margin:0; padding:0; width: 100%;height: 100%;}
img { width:100%; height: 100%;display: block;}