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

Diego Cortez

Diego Cortez

Pregunta
studenthace 5 años

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

4 respuestas
para escribir tu comentario
    Jorge Cruz Perez

    Jorge Cruz Perez

    studenthace 5 años

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

    Diego Cortez

    Diego Cortez

    studenthace 5 años
    • “screen and”
    Diego Cortez

    Diego Cortez

    studenthace 5 años

    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?

    Mauro Nava

    Mauro Nava

    studenthace 5 años

    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

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.