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

Posted 2020-10-06 hulaoxi

如果是个背景图的话，
定义一个div,高100%,宽100%，里面放个img
<div class=‘bg‘>
    <img src="images/bg.jpg" >
</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%;}