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:
SanDisk Extreme - Tarjeta de memoria microSDXC de 64 GB con adaptador SD, A2, hasta 160 MB/s, Class 10, U3 y V30
11,99 € (a partir de 27 octubre, 2021 00:43 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Grabadora de DVD/CD Externa USB 3.0 Portátil Diseño Ultra Delgado,Antika Lector de DVD/CD con Capacidad de Corrección de Errores, Compatible con WIN98/XP/WIN7/WIN8/WIN10/XP/Mac OS 8.6 o LT801
21,99 € (a partir de 26 octubre, 2021 19:23 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
NGS Fog Black - Ratón Óptico Inalámbrico 2.4GHz, Ratón para Ordenador o Laptop con 2 Botones y Scroll, 1000dpi, Ambidiestro, Negro
5,99 € (a partir de 27 octubre, 2021 17:23 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Tablet Niños 7 Pulgadas Android 10 Quad Core BENEVE Tablets PC para Niños WiFi Bluetooth 1024x600 Tablet Infantil 2GB 16GB Doble Cámara Kid-Proof Funda Tablet Niños Educativo (Rosado)
77,99 € (a partir de 26 octubre, 2021 19:23 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Ordenador portátil KUU A10, 15.6 Pulgadas FHD 1920 * 1080P Pantalla IPS Ordenador portátil Intel Celeron J4125 hasta 2.7GHz Windows 10 Netbooks 8GB RAM 256GB SSD tamaño Completo ultradelgado Teclado
279,99 € (a partir de 26 octubre, 2021 19:23 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
PACK - 3 SPRAY AIRE COMPRIMIDO EMINENT 400 ML UPRIGHT USE PARA LIMPIEZA DE TECLADOS, ORDENADORES, CAMARAS Y OTROS DISPOSITIVOS ELECTRONICOS
12,15 € (a partir de 26 octubre, 2021 19:23 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
WD Elements - Disco duro externo portátil de 1 TB con USB 3.0, color negro
51,68 € (a partir de 26 octubre, 2021 19:23 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Aioneus Cable Micro USB 2Pack[2M+2M] 3A Carga Rápida Cargador Android Nylon Movil Cables Cargador para Samsung Galaxy S7 S6 J5 J7 J5 J3, Xiaomi, Huawei, Sony, Kindle, Nexus
5,94 € (a partir de 27 octubre, 2021 17:23 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Funda de piel para Kindle Paperwhite de Amazon | Compatible con el Kindle Paperwhite de 11.ª generación (modelo de 2021), Negro
39,99 € (a partir de 27 octubre, 2021 17:23 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)