嘚瑟吧 老程序8080

手机端网页背景图片css如何自适应宽度(响应式)

手机端网页背景图片css如何自适应宽度(响应式)


pc端预览:



手机端测试预览


css3代码如下

.innerHeading-wrap {

  padding: 260px 0;

  background: url(../images/inner_title_bg.jpg) no-repeat top;

  background-size: cover;

  text-align: center;

 

}


用padding-top来定高度。background-size: cover;来自适应


见重庆托育中心:http://www.ying2.com/tuoyu/index.html 


Tags:

发布: aspphpnet 分类: css 评论: 0 浏览: 8
留言列表
发表留言
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。