Saltar al contenido principal

Manejo de compatibilidad del navegador

Manejo de problemas de compatibilidad entre navegadores, especialmente el tratamiento especial para Safari y dispositivos móviles.


Compatibilidad del navegador

Unidades de viewport pequeño (Small Viewport Units): svh Unidades de viewport grande (Large Viewport Units): lvh Unidades de viewport dinámico (Dynamic Viewport Units): dvh

En escenarios específicos, se permite usar la nueva sintaxis dvh para resolver el problema de la barra flotante mal diseñada en Safari. Si se requiere compatibilidad forzada con navegadores poco comunes o antiguos, se utiliza JS para detectar la altura.

Prevenir el ajuste automático del tamaño de texto en iOS Safari

-webkit-text-size-adjust: none;
text-size-adjust: none;

Prefijos de proveedor

Los prefijos de proveedor se manejan mediante configuración manual y configuración automática de Autoprefixer.