html5 自动设置全屏,HTML5 body如何设置自适应全屏 HTML5 body设置自适应全屏代码

本篇文章小编给大家分享一下HTML5 body设置自适应全屏代码，代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

不允许有白色底色产生，因为手机高度不一样

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

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

终极方案

html,body{

width:100%;

height:100%

}

body{

font-family: "华文细黑";

background:url("../img/Flyer-bg.png") no-repeat;

background-size: 100%;

}

一个hack方案解决垂直剧中问题

缓存

111

其他方案

Document

清除浮动

.float-left {

float: left;

}

.float-right {

float: right;

}

.clear-fix:after {

display: table;

content: '';

clear: both;

}