如何在 div 上制作响应式背景

【问题标题】：How make responsive background on div如何在 div 上制作响应式背景
【发布时间】：2020-10-03 05:38:44
【问题描述】：

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

这是我的 CSS：

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

【问题讨论】：

【解决方案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>

【讨论】：