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

Posted 2023-03-14

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

html,bodyoverflow: hidden;
.bgwidth: 100%;height: 100%;top:0;z-index: -1; position: absolute;
.bg imgdisplay: block;outline: none;border:0;height: 100%;width: 100%;追问

谢谢、解决了

本回答被提问者采纳 参考技术B img width:100%; height:auto;
这样就可以了追问

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

追答

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