我的React应用在角落有很小的空间

Question

我为背景添加了一个图像，但是角落里有很小的空间（请参阅我附加的图片）。

我为此应用了以下代码。
我的另一个网站并没有显示这样。 如何删除这个微小的空白？

function Home() {

    return(
        <div //className='home-background'
        style={{
            backgroundImage: `url(${background})`,
            backgroundRepeat: 'no-repeat',
            backgroundSize: 'cover',
            height: '100vh',
            width: '100vw',
            // backgroundPosition: 'center',
        }}
        >
            <div>Home</div>
        </div>
    )
}

export default Home;

在此处输入图像描述

Answer 1

尝试一下。

html, body {
  margin: 0px;
  padding: 0px;
}

Answer 2

我建议在CSS文件中设置以造型所有元素。

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 }