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.
Os recomendamos los siguientes productos relacionados con la informรกtica: