当前位置:首页 > 学无止境 > web前端>正文

HTML5 body设置自适应全屏

2020-06-10 08:30:41 分类: web前端 阅读(2548) 评论(12)

设计图要标准(750)确认是背景图(通屏底图)应用场景:移动端宣传页面或者活动页面

错误的写法:加到div中结合图片设置min-height,但是页面不会回弹

HTML5 body设置自适应全屏最好的代码应该是这样的:

html,body{
 width:100%;
 height:100%
}

body{
  background:url("../img/body-bg.png") no-repeat;
  background-size: 100%;
}


标签: html5