Problem mit ember-bootstrap: Seite Hintergrund gerendert halb grau, sollte normalerweise völlig weiß

Ich habe ein kleines Problem mit Bootstrap. Manchmal ist mein Seitenhintergrund halb weiß/halb grau, aber es sollte alles weiß sein.Problem mit ember-bootstrap: Seite Hintergrund gerendert halb grau, sollte normalerweise völlig weiß

Wie Sie sehen können, in meiner Anwendung ist etwas grauer Hintergrund gibt, weiß jemand, wie man es loswerden. Ich weiß CSS, also wenn Sie irgendwelche Informationen über mein Problem benötigen, fragen Sie mich! Vielen Dank!

EDIT Dies ist der Code für meinen Körper:

body { 
    background-color: #eee; 
    padding-bottom: 35px; 
}

ich für den Inhalt jedes Element eine Standardseite-Wrapper verwende. Er ist nirgends definiert.

Gelöst: Dank @KieranMcClung, wurde es gelöst. Sie können in den Kommentar sehen, wenn Sie wollen, aber im Grunde, habe ich in meiner Seite-Wrapper so etwas wie:

<div id="page-wrapper" style="height: auto; min-height: 100vh">

Quelle

2017-09-07 maje

Ist es möglich, einen Code zur Verfügung zu stellen, entweder durch Anhängen an die Frage (im Idealfall) oder Hinzufügen eines Links zu codepen/jsfiddle? Es ist nahezu unmöglich, das Problem ohne den Code herauszufinden. Ich gehe davon aus, dass das Inhaltselement (weiß) die Bildschirmhöhe unterschreitet, also die Körperfarbe darunter. –

Ich muss die Größe meines Browsers ändern, um die Seite in Weiß zu standardisieren, vielleicht kann das helfen? – maje

@KieranMcClung Ich muss die Seite-Wrapper Min-Höhe manuell auf 1000px setzen, um es zu korrigieren, aber da ich versuche Pixel zu vermeiden, gibt es vielleicht eine andere Lösung? – maje

Im folgenden Beispiel wird die .page-wrapper Klasse sorgen immer bei 100% Bildschirmhöhe ist.

HTML

<body> 
    <div class="page-wrapper"> 
     <!-- Page content --> 
    </div> 
</body>

CSS

body { 
    background-color: #eee; 
} 

.page-wrapper { 
    background-color: #fff; 
    min-height: 100vh; /* Important bit */ 
}

Es ist erwähnenswert, dass vh unterschiedliche Ergebnisse auf bestimmten mobilen Browser haben kann, weil die Top-Browserleiste verschwindet beim Scrollen, die Bildschirmhöhe Bedeutung (vh-Wert), Änderungen. Sie müssen dies beim Testen auf diesen Geräten berücksichtigen.

Quelle

2017-09-07 09:32:48

Problem mit ember-bootstrap: Seite Hintergrund gerendert halb grau, sollte normalerweise völlig weiß

Antwort

Verwandte Themen