No entiendo porque se coloca....
@media screen and (min-width:0) el 0 como minimo de ancho y luego otro media a partir de 768? No entiendo la diferencia
No entiendo porque se coloca....
@media screen and (min-width:0) el 0 como minimo de ancho y luego otro media a partir de 768? No entiendo la diferencia
¡Hola Mayerly!
Entiendo que estás confundida acerca de por qué se coloca "min-width: 0" en el media query "@media screen and (min-width:0)" y luego otro media query a partir de 768. Permíteme explicarte.
El media query "@media screen and (min-width:0)" se utiliza para aplicar estilos a dispositivos con una anchura mínima de 0 píxeles. Esto significa que se aplicarán los estilos en todos los dispositivos, independientemente de su tamaño. Es una forma de asegurarse de que los estilos se apliquen correctamente incluso en dispositivos muy pequeños.
Por otro lado, el media query a partir de 768 se utiliza para aplicar estilos a dispositivos con una anchura mínima de 768 píxeles. Esto significa que los estilos se aplicarán solo en dispositivos que tengan una anchura de 768 píxeles o más.
La diferencia entre ambos media queries radica en el tamaño mínimo de los dispositivos en los que se aplicarán los estilos. El primero se aplica a todos los dispositivos, mientras que el segundo se aplica solo a aquellos que tengan una anchura de 768 píxeles o más.
Espero que esta explicación aclare tu duda. Si tienes alguna otra pregunta, no dudes en hacerla.
¡Espero haber ayudado y buenos estudios!