HTML und CSS · Middle · Frage 33 von 75
Warum kann height: 100vh auf Mobilgeräten höher als der sichtbare Bereich sein, und wie behebt man das?
- 1
vhignoriert die DPI des Bildschirms; behoben durch Wechsel auf100vw - 2
vhignoriert die Adressleiste; die Einheitendvh,svh,lvhhelfen - 3Wegen des Seitenzooms; behoben mit
zoom: 1anbody
Antwort zeigen
Richtige Antwort: vh ignoriert die Adressleiste; die Einheiten dvh, svh, lvh helfen
Erklärung
Mobile Browser berechnen 100vh aus der maximalen Höhe (bei versteckter Leiste), also verschwindet das untere Ende des Blocks unter der Adressleiste. Die neuen Einheiten: svh - kleinste Viewport-Höhe, lvh - größte, dvh - dynamisch, ändert sich mit der Leiste.