Cรณmo saber cuรกndo una web cambia a modo mรณvil. Media Queries en el inspector.

Cuando estรกs diseรฑando una pรกgina web, tienes que tener en cuenta los diferentes tamaรฑos de los dispositivos. Ya no diseรฑamos una web, sino varias para diferentes tamaรฑos. Lo que se llama hacer la pรกgina responsive y se hace mediante los media queries.

Una vez hecha la web, podemos querer saber en que tamaรฑos estรกn definidos esos cambios de comportamiento. Cuรกndo cambia una web de ser modo escritorio a ser modo tableta o modo mรณvil. E incluso dentro de cada una, si hay diferencias.
Esto se puede hacer con un truco en el inspector del navegador que no estรก activo por defecto. Hoy os enseรฑamos a activarlo (en Chrome, es similar en otros).

Activar los media queries en el inspector de Chrome.

Para activar los media queries en el inspector tenemos que:

  • Activar el inspector (botรณn derecho-> inspeccionar o Ctrl+Shit+I)
  • Ponerlo en modo responsive pinchando en el icono del mรณvil.
  • Arriba a la derecha hay 3 puntos en vertical en la barra de responsive.
  • Si pinchas en esos puntos se despliega un menรบ y tiene la opciรณn de show media queries.

En el vรญdeo se ve cรณmo hacerlo y cรณmo usarlos.

Deja un comentario

Resumen de nuestra Polรญtica de Privacidad

  • Responsable:ย SmythSys IT Consulting SLNE.
  • Finalidad:ย Gestionar y moderar los comentarios.
  • Legitimaciรณn:ย Necesitas dar tu consentimiento para publicar un comentario.
  • Destinatarios:ย Tus datos se alojan en los servidores de OVH.
  • Derechos:ย Tienes derecho a acceder, rectificar, limitar y suprimir los datos en la direcciรณn del responsable (en nuestra polรญtica de privacidad).

Time limit is exhausted. Please reload CAPTCHA.