使用padding-top实现自适应背景图片

在父级容器中设定最大的宽度,由于背景图片会出现塌陷的情况,有宽度无高度,

则,在图片容器中添加以下属性

padding-top:%(计算方式:图片的高度/图片的宽度*100%)

background-size:cover设定背景图片铺满全屏;

由于ie8及以下,不支持background-size:cover的属性;因此需要加上

background-position:center;同时保证图片的最大宽度,为父级容器的宽度;

posted @ 2016-03-10 16:59  =DLSS=webZT  阅读(325)  评论(0编辑  收藏  举报