时间:2021-05-08
用什么代码实现?不允许有白色底色产生,因为手机高度不一样
设计图要标准(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方案解决垂直剧中问题
<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,minimum-scale=1.0"> <title>缓存</title> <script src="js/jquery-1.8.2.min.js"></script> <script src="js/store.min.js"></script> <style> .parent{ width:200px; height: 200px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #aaa; } </style></head><body> <div class="parent">111</div></body>其他方案
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="Layer1" style="position:fixed; left:0px; top:0px; width:100%; height:100%"> <img src="https://www.qianbuxian.com/uploads/banners/20171214085954_shouye5.jpg" width="100%" height="100%"/> </body></html>清除浮动
.float-left { float: left;}.float-right { float: right;}.clear-fix:after { display: table; content: ''; clear: both;}到此这篇关于HTML5 body设置自适应全屏的文章就介绍到这了,更多相关HTML5自适应全屏内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
什么是自适应网站?指的是网页通过不同大小终端设备自适应显示,根据屏幕大小、宽度自动调整布局,自适应也可以叫响应式。自适应网站是HTML5的新技术。自适应网站的优
自适应网站就是网站经过运用HTML5新特性和技能建设的网站,完成电脑、手机和其他终端的自适应呈现,在不同终端获得相对完美的作用。自适应网站已经是现在网站建设的干
自适应网站建设是网站通过使用HTML5新特性和技术建设的网站,实现电脑、手机和其他终端的自适应呈现,在不同终端获得相对的效果。自适应网站已经是目前网站建设的主流
自适应网站就是网站经过运用HTML5新特性和技能建设的网站,完成电脑、手机和其他终端的自适应呈现,在不同终端获得相对完美的作用。自适应网站已经是现在网站建设的干
css教程之lightboxcss教程之html、body标签的定义第一部分视频第二部分视频内容:一、100%的自适应高度要同时设置html和body标签。二、