The trick to viewport units on mobile | CSS-Tricks

Știți ce iese dacă amesteci vh cu position: fixed și cu un browser mobil?

:poop:

Pe scurt, atât android cât și ios calculează 100vh drept înălțimea maximă (i.e. cu address bar ascuns). Problema este că până nu faci scroll câțiva px, bara aia de adrese este vizibilă, deci 100vh înseamnă ceva mai mult decât se vede pe ecran (751px vs 695 în cazul OS-ului meu).

Poate mai ajută și pe altcineva chestia asta:

3 Likes

Fix peste problema asta am dat săptămâna trecută, dar era un proiect micut, așa ca nu mi-am bătut capul prea mult. Thanks for sharing! :smiley:

daca ai deja position: fixed nu vad rostul la vh/vw… incearca top: 0; right: 0; bottom: 0; left: 0

Sa inteleg ca incerci sa faci un view care sa aiba latimea si lungimea ecranului, fara scroll. Daca asta incerci sa obtii atunci este suficient sa adaugi:

html,body{
    width:100%;
    height:100%;
}