如何在div上创建响应背景

Question

我正在尝试在div元素上制作响应式背景图像，但是它不起作用。

这是我的CSS：

.block-main{
  background: url(images/ohdaihiep/bg1.png) center center/cover no-repeat;
  min-height:863px;
}

Answer 1

您可以使用vh和vw使其具有响应性：

fiddle玩。

.block-main {
  background: url(http://placekitten.com/301/301)center center/cover no-repeat;
  height: 100vh;
  width: 100vw;
}

<div class="block-main">

</div>