cuales son los breakpoints mas usuales, teniendo en cuenta que hoy contamos desde 320px hasta la pantalla de un imac que es de 5200px?

Juan David Niño Rodriguez

Juan David Niño Rodriguez

Pregunta
studenthace 5 años

cuales son los breakpoints mas usuales, teniendo en cuenta que hoy contamos desde 320px hasta la pantalla de un imac que es de 5200px?

4 respuestas
para escribir tu comentario
    John Cardenas

    John Cardenas

    studenthace 5 años

    Hola @dazailux. No es algo obligatorio, es más una recomendación. Se recomienda esto para no tener mucho código CSS, ya que no es tan buena práctica porque afecta la performance de tu sitio.

    En el minuto 4:15 de la clase Buenas prácticas y ejemplos de responsive se menciona esto :)

    Emily Hernández Alemán

    Emily Hernández Alemán

    studenthace 5 años

    @johncardenasp por que no hay que pasarse de 6?

    David Santiago Hurtado Betancourt

    David Santiago Hurtado Betancourt

    studenthace 5 años

    Gracias!, lo que buscaba

    John Cardenas

    John Cardenas

    studenthace 5 años

    Hola!

    Las medidas estándares son estas:

    • Móviles: desde 320 hasta 480 píxeles.
    • Tablets: desde 768 hasta 1024 píxeles.
    • Pantallas grandes o desktops: De 1200 píxeles para arriba.

    Con esto, las que siempre deberías trabajar son: 320px, 768px y 1024/1200px. Y después las demás que quieras agregar, tratando de que no te pases de 6 :)

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.