Dvh zählt das Android-Navigationsmenü? ⇐ HTML

[Anonymous]

Ich habe das Layout der Website für Mobilgeräte angepasst. Aus irgendeinem Grund ist ein Problem aufgetreten. dvh berücksichtigt das Android-Navigationsmenü nicht (es muss transparent sein, nicht rot.). Ich habe dem Hintergrund des Körpers die Farbe Rot hinzugefügt, damit er sichtbar ist (ich habe das Foto unten angehängt). Und von Zeit zu Zeit, wenn Sie nach unten scrollen, scheint der Browser die Seite zu nehmen und nach oben zu heben, wodurch unten ein Körperfarbraum entsteht, bis das Scrollen endet. Wie kann ich das Problem beheben?

Code: Select all

    body {
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100dvh;
background: none;
}

body::after {
content: "";
position: fixed;
inset: 0;
width: 100vw;
height: 100dvh;
min-height: 100dvh;
background-image: url('/boris.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -2;
}

body::before {
content: "";
position: fixed;
inset: 0;
width: 100vw;
height: 100dvh;
min-height: 100dvh;
background-color: rgba(0, 0, 0, 0.55);
z-index: -1;
}

Bild