如何在整个屏幕的反应中插入背景图像？

Question

我正在开发一个反应网页。

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

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

这样，我尝试插入背景图像。背景图像仅在div内部可用的内容数量范围内可视化。 我想在整个屏幕上查看它。

Answer 1

尝试使用height: "100vh"而不是100％

Answer 2

尝试这种方式：

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

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