Para comprobar compatibilidad CSS con Can I Use, busca la propiedad o característica exacta y revisa las versiones de navegador que necesita tu proyecto. La cifra global no sustituye el análisis de tu audiencia.
Lee la ficha sin quedarte en el porcentaje
- Busca la característica concreta, por ejemplo CSS Grid o aspect-ratio.
- Revisa si el soporte es completo, parcial o requiere una condición.
- Abre las notas de los navegadores relevantes. Verifica si la limitación afecta al valor que realmente usas.
- Prueba el componente en los dispositivos que debes admitir.
Añade un diseño base funcional
.tarjetas { display: block; }
.tarjetas > article { margin-block-end: 1rem; }
@supports (display: grid) {
.tarjetas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.tarjetas > article { margin-block-end: 0; }
}El bloque inicial mantiene legible el contenido. La consulta activa el diseño de cuadrícula cuando se admite la declaración.
Verifica lo que la prueba realmente mide
Supports comprueba si el navegador acepta una declaración. No detecta todos los fallos de implementación ni confirma que tu combinación de propiedades se vea como esperas. Si la ficha indica soporte parcial, reproduce el caso real.
Decide según el coste del fallo
Un efecto decorativo puede degradarse a un aspecto sencillo. Una navegación o un formulario debe seguir siendo utilizable. Prioriza pruebas según la función que podría perderse.
Consulta la documentación de referencia y la guía relacionada de MasterCodePro.
