用css如何让图片自动适应屏幕大小,不出现滚动条,不变形,兼容各个浏览器?急!!!
Posted hulaoxi
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用css如何让图片自动适应屏幕大小,不出现滚动条,不变形,兼容各个浏览器?急!!!相关的知识,希望对你有一定的参考价值。
如果是个背景图的话,
定义一个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%;}
以上是关于用css如何让图片自动适应屏幕大小,不出现滚动条,不变形,兼容各个浏览器?急!!!的主要内容,如果未能解决你的问题,请参考以下文章