Medidas Media Queries, Breakpoints

Aquí me pongo las medidas más comunes para los breakpoints:

Visto en https://responsivedesign.is


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

2 Comments

sil

hola. estoy trabajando en un proyecto con media queries. Tengo la standar que comentas arriba, pero cuando voy reduciendo el navegador, llega un punto en el que se desconfigura todo. (es decir en resolución de 480px a 700px), se descuadra todo. El resto cuadra sin problemas.
Sin embargo, si voy mirando el simulador de distintos dispositivos se ve todo correctamente. En mi media query tengo puesto un @media screen and (min-width: 480px) and (max-width: 780px) con sus instrucciones dentro. Pero parece que lo ignora.
Yo creo que no hay ordenador en el mundo que vaya a ver mi página a 550px (a no ser que sea un dispositivo móvil), pero me piden que se ajuste al navegador también y no sé como resolverlo.
Agradecería que me echaras un cable. Muchas gracias

Reply
kike

Hola sil,
Gracias por escribir!!
En un principio las reglas que pongas dentro de esos tamaños deberáin de funcionar a no ser que las tengas sobreescritas en otro lugar.
Prueba a modo de ejemplo a pegar el siguiente código en un html y verás su comportamiento.

De todos modos, si no encuentras la solución, pásame la url y le pego un ojo 🙂

Saludos

Reply

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*