2017-07-14 3 views
0

Ich habe 3 wichtige divs auf meiner Seite. 2 von ihnen haben eine feste Höhe und 1 sollte der Fensterhöhe entsprechen. Ich benutze calc(100vh - 260px); für CSS und es funktioniert ganz gut in Chrome "Geräte-Symbolleiste". Wenn ich es jedoch auf meinem Smartphone mit Chrome ausprobiere, extrahiert der Browser die Höhe der Navigationsleiste des Browsers nicht von 100vh, und das untere Element des dritten Elements wird unter Ansichtsfenster angezeigt. Gibt es eine Möglichkeit, dies über CSS oder Javascript zu beheben?Berechnung Browser Navigator auf Handy

Antwort

0

Ich habe bereits die sehr ähnliche Frage here beantwortet.

Lange Geschichte kurz, verwenden Sie 100% anstelle von 100vh.

+0

Sorry, wenn ich nicht klar war. Ich habe andere Elemente unter den 3 wichtigen Elementen, die ich zeigen möchte. Also 100% zu machen funktioniert nicht für mich: /. –

+0

Sie verstehen wahrscheinlich nicht, wie man es benutzt. Könnten Sie bitte ein Code-Snippet (jsfiddle oder codepen oder was auch immer) zu Ihrer Frage hinzufügen? –

+0

Oh danke, ich habe es auf deine Weise gemacht. Ich habe gerade die Höhe der Eltern berechnet (100% - 260px) und Kinder Höhe 50% und es hat funktioniert. Vielen Dank! –