duda: ¿Cuándo se debe utilizar el “screen and” para el atributo media?

Diego Cortez

Diego Cortez

EstudiantePregunta

duda: ¿Cuándo se debe utilizar el “screen and” para el atributo media?

4 respuestas
    Mauro Nava

    Mauro Nava

    Estudiante

    Cuando necesitas condicionar las propiedades de un elemento basado en el tamaño de la ventana del navegador.

    @media screen and (max-width: 720px) { .elemento-prron { width: 90vw } }

    En este caso, cuando la ventana mide menos o igual a 720px, los elementos con clase "elemento-prron" tendran un ancho de 90vw

    Diego Cortez

    Diego Cortez

    Estudiante

    pero por ejemplo, en la clase donde agregamos los diferentes archivos css segun el tamaño de la pantalla, se agregó la propiedad media a la etiqueta link, y en ese momento se utilizó el valor "screen and" previamente del min-width, y en esta clase no se utilizo el valor "screen width" para la etiqueta de source, por eso no se cuando se utiliza o si es realmente necesario ponerlo?

    Jorge Cruz Perez

    Jorge Cruz Perez

    Estudiante

    Va mucho mas alla su uso o no, es toda una sintaxis, en este enlace lo puedes ver mas a detalle: CSS media queries

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.