Question

我试图通过网站制作我的背景，所以如果我要去手机，它会将它拉伸到中心的高度。从那里开始：large screen到small screen

我的代码是：

    body{
    background-image: url("Tie_logo_shaders.jpg");
    background-color: black;
    background-size: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

Answer 1

试用此代码

.bg-img{
  background: url("https://s-media-cache-ak0.pinimg.com/originals/27/3e/43/273e43a71854d8359186ecc348370f8d.jpg") no-repeat center center;
  min-height: 100%;
  position: relative;
}
html,body{
  margin: 0;
  padding: 0;
  height: 100%;
}

<body>
  <div class="bg-img">
  </div>
</body>

如何按高度拉伸图像？

1 个答案: