css设置全屏背景图片,css背景图全屏

  css设置全屏背景图片,css背景图全屏

  用什么代码实现?不允许有白色底色产生,因为手机高度不一样

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

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

  终极方案

  html,body { width:100%;高度:100%}body{ font-family:华文细黑;背景:url(./img/Flyer-bg.png )不重复;背景尺寸:100%;}一个砍方案解决垂直剧中问题

  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 script src= js/jquery-1。8 .2 .量滴js /script脚本src= js/store。量滴js /脚本样式。父{宽度:200 px高度:200像素/*以下属性垂直居中*/位置:绝对;top:0;底部:0;左:0;右:0;边距:自动;背景色:# AAA }/style/head body div class= parent 111/div/body其他方案

  !DOCTYPE html html lang= en head meta charset= UTF-8 标题文档/标题/标题正文div id= layer 1 style=位置:已修复;左:0pxtop:0px;宽度:100%;身高:100% img src= https://www。千步仙。com/uploads/banners/20171214085954 _ shoye 5。jpg width= 100% height= 100% //body/html清除浮动。浮动-左{ float:左;}.右浮动{浮动:右;}.clear-fix:after { display:table;内容:"";明确:两者都有;}到此这篇关于HTML5正文设置全屏背景图片的示例代码的文章就介绍到这了,更多相关html5正文背景图片自适应屏内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: