用什么代码实现?不允许有白色底色产生,因为手机高度不一样
设计图要标准(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; }到此这篇关于HTML5 body设置自适应全屏的文章就介绍到这了,更多相关HTML5自适应全屏内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
网站类容多为转载,如有侵权,请联系站长删除
上一个:iframe与window.onload如何使用详解遮罩层 + Iframe实现界面自动显示的示例代码通过iframe监听一个DOM元素大小变化关于解决iframe标签嵌套问题的解决方法iframe跨域的几种常用方法跨域修改iframe页面内容详解iframe在移动端的缩放的示例代码web响应式布局中iframe自适应的方法div被iframe遮住的几种情况及解决方法浅谈Iframe网页内部的导航窗口举例讲解HTML中iframe和frame的区别
下一个:Html5页面上如何禁止手机虚拟键盘弹出html5手机键盘弹出收起的处理