¿Cómo determinamos los tamaños de los <strong>@media (min-width: xxxpx)</strong>, hay un estándar o algo para hacerlo? o cómo los determi...

Oscar Fajardo

Oscar Fajardo

Pregunta
studenthace 5 años

¿Cómo determinamos los tamaños de los @media (min-width: xxxpx), hay un estándar o algo para hacerlo? o cómo los determinamos?

Porque en un ejemplo el profe puso

@media (min-width: 480px) {

@media (min-width: 768px) {

@media (min-width: 1024px) {

**Y en otro puso **

@media (min-width: 600px) {

@media (min-width: 800px) {

6 respuestas
para escribir tu comentario
    Kevin J. Zea Alvarado

    Kevin J. Zea Alvarado

    studenthace 4 años

    Meses después de seguir aprendiendo, vi que una de las mejores recomendaciones respecto a los media queries es que se agreguen sólo cuando es necesario; es decir, si la página se ve bien sin agregar media queries, lo cual no es muy frecuente que suceda, entonces no se necesitaría agregar media queries; y sólo se debería hacer cuando la página se rompa.

    Alvaro Ibáñez Vázquez

    Alvaro Ibáñez Vázquez

    studenthace 4 años

    Chulada

    Oscar Fajardo

    Oscar Fajardo

    studenthace 5 años

    Excelente, gracias por las respuestas,

    Mauro Nava

    Mauro Nava

    studenthace 5 años

    Obviamente existen algunos estándares como los que comentaron, pero ocasionalmente vas a tener que asignar un width muy especifico para ciertos elementos. Solo juega mucho con las ventanas del navegador para identificar los casos que salen de los estándares

    John Cardenas

    John Cardenas

    studenthace 5 años

    Hola, Oscar. Esas medidas son de ejemplo, no las que se usan en realidad. Aquí varios compañeros respondieron con las medidas estándar que se usan para las media quieres.

    Kevin J. Zea Alvarado

    Kevin J. Zea Alvarado

    studenthace 5 años

    En una clase posterior, muestra un sitio web en el que puedes encontrar referencias para saber cuáles son las mejores prácticas.

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.