背景图片自适应大小的方法

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
  html{
    height: 100%;
  }
  body{
    height: 100%;
  }
  .i-body{
    height: 100%;
  }
  /*需要从html开始一层层设置高度继承,否则无法获取高度*/
  .i-body1{
    height: 100%;
    background: url('tiankong.jpg') no-repeat;
    background-size: 100% 100%;
  }
</style>
</head>
<body>
  <div class="i-body">
    <div class="i-body1"></div>
  </div>
</html>

posted @ 2018-07-29 16:23  野望之风  阅读(524)  评论(0编辑  收藏  举报