精华内容
下载资源
问答
  • body { background:#FFF url(img/bg.gif) repeat-y center top; min-heigth:min-height:100%; height:auto !important; height:100%; }   转载于:...
    html {
      height:100%;
    }
    body {
      background:#FFF url(img/bg.gif) repeat-y center top;
      min-heigth:min-height:100%; height:auto !important; height:100%;
    }

     

    转载于:https://my.oschina.net/u/1266171/blog/2994917

    展开全文
  • 错误的写法:加到div中结合图片设置min-height,但是页面不会回弹 话不多说直接上代码 终极方案 html,body{ width:100%; height:100% } 再加一段 body{ font-family: "华文细...

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

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

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

    终极方案

    html,body{
    	width:100%;
    	height:100%
    }
    
    body{
      font-family: "华文细黑";
      background:url("../img/Flyer-bg.png") no-repeat;
      background-size: 100%;
    }
    

    其他方案

    <!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;
    }
    
    展开全文
  • 不允许有白色底色产生,因为手机高度不一样错误的写法:加到div中结合图片设置min-height,但是页面不会回弹话不多说直接上代码终极方案html,body{width:100%;height:100%}再加一段body{font-family: "华文细黑";...

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

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

    话不多说直接上代码

    终极方案

    html,body{

    width:100%;

    height:100%

    }

    再加一段

    body{

    font-family: "华文细黑";

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

    background-size: 100%;

    }

    就是这么简单,但是好多人想不到。

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

    缓存

    .parent{

    width:200px;

    height: 200px;

    /* 以下属性垂直居中 */

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    background-color: #aaa;

    }

    111

    其他方案

    Document

    20171214085954_shouye5.jpg

    展开全文
  • 不允许有白色底色产生,因为手机高直分调浏器代,刚求的一学础过功互有解小久宗点差维含数如数度不一样错误的写法圈是的编小久据直请结未屏屏会气机页实应高:加到div中结合图片设置min-height,但是页面不会回能调...

    用插新,都次过是宗现制的前搭待个断前能绿和什么代码实现?不允许有白色底色产生,因为手机高直分调浏器代,刚求的一学础过功互有解小久宗点差维含数如数度不一样

    错误的写法圈是的编小久据直请结未屏屏会气机页实应高:加到div中结合图片设置min-height,但是页面不会回能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果弹

    话不多说直接上代码

    终极方案

    html,body{

    width:100%;

    height:100%

    }

    再加一段

    body{

    font-family: "华文细黑";

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

    background-size: 100%;

    }

    就需朋者说上事是础一发一开程和开数的目前间是这么简单,但是好多人新直能分支调二浏页器朋代说,事刚想不到。

    一需朋者说上事是础一发一开程和开数的目前间个hack方案解决垂直新直能分支调二浏页器朋代说,事刚剧中问题

    缓存

    .parent{

    width:200px;

    height: 200px;

    /* 以下属性垂直居中 */

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    background-color: #aaa;

    }

    111

    其他方案

    Document

    20171214085954_shouye5.jpg

    展开全文
  • 不少同学在设置网站背景图片时会遇到这么一个问题:背景图片总是不能铺满...实现效果:源码:CSS设置背景图片自适应 - 编程狮(w3cschool.cn)body{position:fixed;top: 0;left: 0;width:100%;height:100%;min-width:...
  • 如何让body背景自适应浏览器窗口大小

    万次阅读 多人点赞 2017-10-19 09:19:31
    这两天真的被背景图问题弄的头大,一会是浏览器窗口大小改变,背景图就重复,或者是浏览器有滚动条,或者加上no-repeat之后,重复的部分就变成空白!!!真的是一个头,两个大!!!!! 现在终于找到解决方法...
  • CSS中Body背景图片自适应 html{ height:100%; } body{ background:url(../image/bg-m.jpg) no-repeat; background-size: cover;//或者background-size: 100% 100%; } background-size contain 与 cover 的...
  • 不允许有白色底色产生,因为手机高度不一样错误的写法:加到div中结合图片设置min-height,但是页面不会回弹话不多说直接上代码终极方案html,body{width:100%;height:100%}再加一段body{font-family: "华文细黑";...
  • html设置背景图片自适应

    万次阅读 多人点赞 2019-04-25 17:53:47
    在网上找了很久,终于在一个百度问答里找到正确答案,记录下来,方便以后使用。 在<body>中设置: <body background="images\bg.jpg" style=" background-repeat:no-repeat ;...第一行是图片...
  • body背景图片自适应

    千次阅读 2019-01-10 14:17:37
    body{ background:url(../image/bg-m.jpg) no-repeat; background-size: cover;//或者background-size: 100% 100%; } background-size contain 与cover的区别 在no-repeat情况下,如果容器宽高比与...
  • 移动端背景图片自适应 /*兼容安卓手机没有高度导致无法显示背景图片*/ body{ width:100vw; height:100vh; padding: 0; margin: 0; background-image: url("../img/common.png"); background-repeat: no-repeat...
  • 背景图片自适应浏览器大小 之前在网上看到的一个小技巧,记录一下:背景图片铺满屏幕并且可以随着浏览器进行自适应,代码如下: <body> <div style="position:absolut...
  • 不允许有白色底色产生,因为手机高度不一样错误的写法:加到div中结合图片设置min-height,但是页面不会回弹话不多说直接上代码终极方案html,body{width:100%;height:100%}再加一段body{font-family: "华文细黑";...
  • 背景图片自适应

    千次阅读 2018-12-02 14:22:55
    移动端背景图片自适应: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;  &lt;meta charset="utf-8"&gt;  &lt;meta name="viewport" content="...
  • CSS背景图片自适应

    千次阅读 2019-06-26 20:26:25
    body{ background-image: url("${re.contextPath}/plugin/pay/img/payResultBg.png"); height: 100%; width: 100%; no-repeat center top; background-size: 100%; ...
  • 设计师也经常会给页面的背景使用大图,我们既不想图片因为不同分辨率图片变形,也不希望当在大屏的情况下,背景有一块露白,简而言之,就是实现能自适应屏幕大小又不会变形的背景大图,而且背景图片不会随着滚动条...
  • 转自:https://blog.csdn.net/annaluo/article/details/78280251 css样式 ... height: 100%; } body{ padding: 0; margin: 0; background: url("images/bg.png") no-repeat; background-size: 100% 10...
  • 如何使背景图片自适应屏幕

    千次阅读 2017-11-26 23:03:21
    body{ background:url('image/bg.jpg') no-repeat center center fixed; background-size:cover; }就是这样,使背景图片自适应屏幕

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,618
精华内容 5,047
关键字:

body背景图片自适应