如何在流星/反應設置中製作全屏圖片？

我有這個錯誤，我無法修復。我已經嘗試了一切，但似乎沒有任何工作？！

我附上了錯誤的圖片。

任何幫助/想法表示讚賞。

謝謝。錯誤的

圖片： Bug

你可以做邁克·金建議，只記得設置背景大小，以藏漢包括：

background-size: cover;

這將確保背景將始終覆蓋它的所有元素，無論什麼尺寸的圖像是。

另一件事可能是該元素沒有考慮到視口的所有高度。這可以通過設置相對於視口的高度來修復，例如：

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

2016-10-02 17:21:55

設置對身體的背景，你會不會有一定的差距更多的

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

高度的總和不填充整個頁面，你只對<div class="App_component">

另一種方式是設置在身體標記，類背景：

<body class="App_component">

2016-09-26 14:50:39 Mikkel

感謝您的回答。問題是，當我這樣做時，儀表板（localhost：3000/u/dashboard）上的主體也獲得了不會發生的背景！？我不知道是否因爲我正在使用React中的組件？ –

這不是一個React問題，它是一個HTML佈局挑戰。我認爲另一個DIV（想像一個頁腳元素）來填充剩餘的空間，不知道該怎麼做，也許height = auto（在某處應該有一個關於stackoverflow的答案） – Mikkel

感謝Mike King。我會再次檢查堆棧:-) –

回答