如何在 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>

How make responsive background on div