Hola 😄 alguien podría decirme cual es la diferencia en los <strong>media queries</strong> de usar: <code>@media screen and (max-width: 90...

Joel Dominguez Merino

Joel Dominguez Merino

Pregunta
student
hace 5 años

Hola 😄 alguien podría decirme cual es la diferencia en los media queries de usar:

@media screen and (max-width: 900px){ }

a no indicar la palabra screen

@media (max-width: 900px){ }

Gracias c:

2 respuestas
para escribir tu comentario
    Joel Dominguez Merino

    Joel Dominguez Merino

    student
    hace 5 años

    Muchas Gracias RetaxMaster no sabia eso. Lo leeré, gracias nuevamente.

    Carlos Eduardo Gomez García

    Carlos Eduardo Gomez García

    teacher
    hace 5 años

    ¡Hola!, un sitio web puede tener varios formatos, es decir, puedes visualizarlo en un computador, puede imprimirlo, etc. Y para cada uno de esos formatos puedes agregar estilos.

    Al usar

    screen
    indicas que esa media query se van a aplicar únicamente al formato de pantallas, pero no a los formatos impresos. Cuando no especificas nada significa que esa media query se aplicará a todos los formatos, te recomiendo leer esto para entenderlo un poco mejor:

    https://developer.mozilla.org/es/docs/CSS/Media_queries#media_types

Curso de Maquetación en CSS [Empieza Gratis]

Curso de Maquetación en CSS [Empieza Gratis]

Construye un blog personal con CSS, usando Grid y técnicas de maquetación. Aprende a organizar tu proyecto con clases específicas, incluye herramientas como Chrome DevTools para depurar, y haz que tu sitio sea responsive con media queries.

Curso de Maquetación en CSS [Empieza Gratis]
Curso de Maquetación en CSS [Empieza Gratis]

Curso de Maquetación en CSS [Empieza Gratis]

Construye un blog personal con CSS, usando Grid y técnicas de maquetación. Aprende a organizar tu proyecto con clases específicas, incluye herramientas como Chrome DevTools para depurar, y haz que tu sitio sea responsive con media queries.