美文网首页
背景图自适应

背景图自适应

作者: 泡泡1007 | 来源:发表于2019-03-22 11:44 被阅读0次

通用背景图尺寸

pc : 1920*1080 .png .jpg

wap: 750*1334  .png .jpg

背景图自适应 css

* {

            margin: 0;

            padding: 0;

        }

        html {

            height: 100%;

        }

        body {

            background: url('1920*1080图片地址')no-repeat center;

            background-size: 100% 100%;

        }

@media screen and (min-width: 750px) {

            body {

            background: url('750*1334图片地址')no-repeat center;

            background-size: 100% 100%;

        }

        }

pc端打开效果

wap端打开效果

相关文章

  • 5.设置自适应全屏背景图

    设置自适应全屏背景图

  • 图片自适应显示

    CSS动态计算 背景图片自适应

  • CSS&JS一些问题

    实现div横向排列,元素往两边撑, 中间自动撑开空格。在父元素里设置 背景图片自适应div 背景图片自适应 tex...

  • 背景图图片全屏铺满自适应

    分享3种CSS实现背景图图片全屏铺满自适应的方式,希望对你有所帮助。01 02 03 给body标签指定背景图,这...

  • 数据可视化自适应框架

    解决问题 设计稿字体大小不适用于网页呈现 背景图片、视频呈现偏移 栅格化自适应元素偏移 16:9自适应实现 适用范...

  • 背景图自适应

    通用背景图尺寸 pc : 1920*1080 .png .jpg wap: 750*1334 .png .jpg ...

  • 文章收藏

    css 1、纯CSS控制背景图片100%自适应填充布局 thinkphp 1、thinkphp如何去掉index.php

  • HTML 背景图片自适应

    在style中或者css中写入以下代码,即可实现背景图片自适应:body { background-image: ...

  • HTML+CSS

    1、css实现图片自适应宽高 背景图用background-size: contain,图片标签用object-f...

  • css常见问题自用

    内容居中 flex实现上下居中,最简单。 背景图片自适应,宽度100%还是高度100%。 1920/1080是背景...

网友评论

      本文标题:背景图自适应

      本文链接:https://www.haomeiwen.com/subject/otslvqtx.html