Wat is Dynamische Viewport Units Generator?
Dynamische Viewport Units Generator is een browsertool voor deze taak: Genereer CSS met dynamische viewport units (dvh, svh, lvh) met fallbacks. De uitvoer blijft leesbaar, zodat je die kunt controleren voordat je hem publiceert.
Quick answer
Use dynamic viewport units (dvh, svh, lvh) for layouts that need to fill the mobile viewport correctly when the browser UI expands and retracts. Always include a classic vh fallback for older browsers.
Limitations
- Dynamic viewport units are only relevant on mobile browsers where the address bar and other UI elements expand and retract. On desktop, dvh, svh, and lvh behave identically to vh.
- Some browsers update dvh on scroll end rather than continuously, which may cause a visible jump in element height as the address bar retracts.
Zo gebruik je deze tool
- Open de tool en vul de relevante waarden in.
- Controleer de uitvoer in het resultaatpaneel.
- Kopieer alleen het deel dat bij je página past.
- Test de wijziging voordat je publiceert.
Waarvoor je het kunt gebruiken
- Terugkerend publicatiewerk sneller afronden.
- Markup, CSS of checklists voorbereiden voor een launch.
- Kleine fouten vermijden die bij statische sites makkelijk worden gemist.