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
0
A
Antwort
0
Ich habe bereits die sehr ähnliche Frage here beantwortet.
Lange Geschichte kurz, verwenden Sie 100%
anstelle von 100vh
.
Verwandte Themen
- 1. Browser Erweiterung in Google Chrome auf Handy
- 2. hide/leave Fall Handy-Browser
- 3. iBeacon Erkennung durch Handy-Browser
- 4. Open Link auf tragbar in Browser auf dem Handy
- 5. Media Queries - Handy vs Desktop Browser
- 6. Cordova in App-Browser funktioniert auf Browser, aber nicht auf Android-Handy
- 7. domänenübergreifende AJAX-Request seltsam auf Android-Handy nativen Browser verhalten
- 8. Ereignis der Zurück-Browser-Taste auf Safari-Handy
- 9. Facebook Login-Fehler in Handy-Browser
- 10. Festtaste auf Handy blinkt
- 11. Facebook teilen auf Handy
- 12. Sidebar auf HTML responsive verschwindet auf Handy
- 13. flexbox Überlauf auf Handy
- 14. Cross-Browser-Wege-Navigator des Erhaltens. {Browsersprache, systemlanguage, userLanguage}
- 15. Ruby - Program Navigator Modul
- 16. Fb Chatbot Menü auf Handy
- 17. Berechnung eines Cross-Browser Iframe Höhe
- 18. Ionic Framework - Blick auf Handy
- 19. Div erscheint klein auf Handy
- 20. Cookies auf dem Handy
- 21. responsive Problem auf Handy
- 22. Voller Container auf Handy
- 23. jQuery.BlackAndWhite.js auf Handy fehlerhaft?
- 24. Touchstart zweimal auf Handy
- 25. Mysql Programm auf Handy
- 26. Eingabe klein auf Handy
- 27. Schriftgröße auf Handy
- 28. Spalten Größenänderung auf Handy
- 29. Wie Handy-Ereignis im Browser mit Javascript zu erkennen?
- 30. socket.io auf Handy - nicht auf Gerät Ruhezustand trennen, Browser schließen, Registerkarte wechseln
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: /. –
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? –
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! –