流星/反応セットアップでフルスクリーンの画像を作成するには？

私は現在、このレポを友達と一緒に作業しています：https://github.com/openteach/openteach。流星/反応セットアップでフルスクリーンの画像を作成するには？

私はこのバグを修正できません。私はすべてを試みましたが、何も動作していないようです！

バグの画像が添付されています。

どのようなヘルプやアイデアをいただければ幸いです。

ありがとうございました。バグの

画像： Bug

出典

2016-09-26 Joachim John Harris

です。

もう一つの要素は、ビューポートの高さ全体を占めていない可能性があります。答えを

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); 
}

は、高さの合計がページ全体を埋めていないギャップを持っていません。

：、あなたが唯一の他の方法は、bodyタグにそのクラスを設定することです <div class="App_component">

の背景を持っていますこれは、背景には常に関係なく、それの要素のすべて、どのようなサイズの画像をカバーすることを確認します

background-size: cover;

：ちょうどaswellカバーするために、バックグラウンドの大きさを設定することを忘れないでください、お勧めあなたがマイク王として行うことができます

出典

2016-09-26 14:50:39 Mikkel

ありがとう：これは次のようにビューポートに高さを設定することにより、固定することができます。問題は、私がダッシュボード上のボディ（localhost：3000/u/dashboard）でも起こるとは考えられないバックグラウンドを得ることです。私はReactのコンポーネントを使って作業しているため、それがわからないのですか？ –

これはリアクションの問題ではなく、HTMLレイアウトのchellengeです。私は別のDIVは（余分なスペースを埋めるために）、おそらく高さ=オート（それのためにどこかにstackoverflowの答えがあるはずです） – Mikkel

マイクキングを確認する別のDIVと思う。スタックをもう一度チェックします:-) –

流星/反応セットアップでフルスクリーンの画像を作成するには？

答えて

関連する問題