Cual es la diferencia de colocar: <code>@media only screen and (max-width: 600px) @media(min-width:600px) </code> Cual se debe usar, si ...

Pregunta de la clase:
Media queries
Gabriel Vladimir Valdivieso Vanegas

Gabriel Vladimir Valdivieso Vanegas

Pregunta
studenthace 5 años

Cual es la diferencia de colocar:

@media only screen and (max-width: 600px) @media(min-width:600px)

Cual se debe usar, si alguien tiene documentación se los agradezco.

1 respuestas
para escribir tu comentario
    Ulises Antonio Sámano Galván

    Ulises Antonio Sámano Galván

    studenthace 5 años

    Cuando utilizamos

    max-with:600px;

    Se define cual es el tamaño máximo que puede tener un elemento, en este caso el elemento puede tener un maximo de 600px.

    Por lo que estamos diciendo que las pantallas que tengan como máximo 600px de ancho se les debe de aplicar esos estilos.

    Cuando utilizamos

    min-with:600px;

    Se define cual es el tamaño mínimo que puede tener un elemento, en este caso el elemento puede tener un mínimo de 600px.

    Por lo que estamos diciendo que las pantallas que tengan como minimo 600px de ancho se les debe de aplicar esos estilos.

Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!

Curso de Frontend Developer
Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!