CSS background-image属性

Question

这是我的HTML：

<div id="banner" style="background-image: url("img/banner.jpg")">
  <img src="img/logo.png" alt="logo" />
</div>

这是我的css：

#banner {
  width: auto;
  height: 100vw;
  background: url("/img/banner.jpg");

我希望banner.jpg成为具有完整视口填充的div的背景......该怎么办？

Answer 1

添加以下CSS代码：

    #banner{
    width: %100;
    }

Answer 2

这就是我实现效果https://jsfiddle.net/d5Lptwut/10/

的方法

private final static ObjectMapper mapper = new ObjectMapper();

@Bean
@Primary
public com.fasterxml.jackson.databind.ObjectMapper objectMapper() {
    return mapper;
}

@Bean
@Primary
public ObjectMapper halObjectMapper() {
    return mapper;
}