Как я могу вставить фоновое изображение в реакцию на весь экран?

Question

Я разрабатываю реагирующую веб-страницу.

 var sectionStyle = {
      width: "100%",
      height: "100%",
      backgroundImage: "url(" +  background  + ")"
    };

<div style={ sectionStyle }></div>

Таким образом, я попытался вставить фоновое изображение.Фоновое изображение визуализируется только до объема содержимого, доступного внутри div.Я хочу просмотреть это на весь экран.

Answer 1

Попробуйте следующим образом:

 var sectionStyle = {
      width: 100vh,
      height: 100vh,
      backgroundImage: "url(" +  background  + ")"
    };

<div style={ sectionStyle }></div>

Answer 2

Попробуйте height: "100vh" вместо 100%