码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-09-13 15:17:27      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:pre   order   滚动条   ofo   背景图   自动   pst   isp   lan   

如果是个背景图的话,
定义一个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、如何让图片自动适应屏幕大小,不出现滚动条,不变形,兼容各个浏览器?急!!!

标签:pre   order   滚动条   ofo   背景图   自动   pst   isp   lan   

原文地址:http://www.cnblogs.com/hulaoxi/p/7514723.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!