Qué es Generador de unidades viewport dinamicas?
Generador de unidades viewport dinamicas es una herramienta de navegador para esta tarea: Genera CSS con unidades viewport dinamicas (dvh, svh, lvh) con fallbacks. La salida es fácil de revisar antes de usarla en un sitio publicado.
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.
Cómo usar esta herramienta
- Abre la herramienta y escribe los valores necesarios.
- Revisa la salida en el panel de resultado.
- Copia solo la parte que encaja con tu página.
- Prueba el cambio antes de publicar.
Para qué puedes usarla
- Resolver tareas repetidas de publicación con menos fricción.
- Preparar marcado, CSS o checklists antes del lanzamiento.
- Evitar pequeños errores comunes en sitios estáticos.