如何在流星/反应设置中制作全屏图片?

时间:2016-09-26 14:12:46

标签: reactjs meteor fullscreen

我目前正与我的朋友https://github.com/openteach/openteach合作处理这个回购。

我有这个我无法解决的错误。我尝试了一切,但似乎什么都没有用?!

我附上了这张小虫的照片。

感谢任何帮助/想法。

感谢。

虫子的图片:   Bug

2 个答案:

答案 0 :(得分:1)

你可以像迈克金一样建议,只要记住设置背景大小以及:

background-size: cover;

无论图像大小如何,这都将确保背景始终覆盖所有元素。

另一件事可能是元素没有占据视口的所有高度。这可以通过设置相对于视口的高度来修复,如:

body {
    height: 100vh;
    background-image: url(assets/images/stardust.png);
    background-size: cover;
}

答案 1 :(得分:0)

在身体上设置背景,你不会再有差距了

body{
    background: url(assets/images/stardust.png);
}

高度的总和不会填满整个页面,而您只有<div class="App_component">

的背景

另一种方法是在body标签上设置该类:

<body class="App_component">