Enhancement
Diseño y maquetación
Compatibilidad con las nuevas unidades de viewport dinámicas de CSS
Presentamos nuevas unidades de altura y anchura de viewport en CSS para ofrecerte más flexibilidad al diseñar sitios web para usuarios de navegadores móviles.
En CSS, el viewport es el área de la ventana del navegador donde se muestra la página web. Su tamaño puede variar según el dispositivo y el nivel de zoom. Las unidades de altura (VH) y anchura (VW) del viewport se usan a menudo para crear diseños adaptables que ajustan la disposición según el tamaño de la pantalla.
Los navegadores móviles incluyen barras de herramientas dinámicas que aparecen y desaparecen al hacer scroll; esto puede cortar elementos fijos y afectar a la experiencia de navegación de tus usuarios.
Hoy nos emociona lanzar nuevas unidades de anchura y altura de viewport en CSS (pequeñas, grandes y dinámicas) para darte más flexibilidad al diseñar para móviles con barras de herramientas dinámicas. Estas unidades evitan que los elementos fijos se corten en dispositivos móviles. Para usarlas, ve al panel de Estilos en el Designer y consulta nuestro artículo más reciente de Webflow University para saber más.
Actualizaciones relacionadas
Empieza gratis
Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.
Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.