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:
alptte Memoria USB 256GB USB 3.0 Pendrive Impermeable Pen Drive Metal Disco Duro Externo para Computadora Tableta, con Llavero (256gb)
15,99 € (a partir de 17 abril, 2024 13:14 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.)
SanDisk 256GB Extreme tarjeta microSDXC + adaptador SD + RescuePro Deluxe hasta 190 MB/s con Clase A2 de rendimiento de las aplicaciones UHS-I Class 10 U3 V30
27,99 € (a partir de 18 abril, 2024 11:22 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.)
Repetidor WiFi,1200Mps Extensor WiFi Dual Band2.4G / 5g, Amplificador señal WiFi, 4 Antenas, 2 Puertos LAN, Amplificador WiFi, Adecuado para oficinas y hogares, fácil de configura
29,99 € (a partir de 17 abril, 2024 13:14 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.)
Lenovo Tab M10 Plus (3rd Gen) - Tablet de 10.61" 2K (Qualcomm Snapdragon SDM680, 4GB de RAM,128GB ampliables hasta 1TB,4 Altavoces,WiFi + Bluetooth,Android 12) Precision Pen 2 + Funda - Gris Oscuro
244,95 € (a partir de 17 abril, 2024 13:14 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.)
Xiaomi Mi Portable Photo Printer, Impresora Láser Portátil, Papel fotográfico brillante, Impresión térmica, Conexión Bluetooth / USB / WLAN, Blanco, Versión Italiana
63,99 € (a partir de 17 abril, 2024 13:14 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.)
Memoria USB Metal Pendrive USB 3.0 Impermeable Pen Drive Alta Velocidad Memory Stick con Llavero para PC, Ordenador Portátil (Plata)
19,99 € (a partir de 17 abril, 2024 13:14 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.)
TP-Link Archer AX58 - Router WiFi 6 AX3000, Doble Banda 2.4Ghz/5Ghz,1xWAN/4xLAN Puertp Gigabit, WPA3, OFDMA, WPS, Latencia Ultrabaja, HomeShield, Tecnología OneMesh, Negro
64,99 € (a partir de 17 abril, 2024 13:14 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.)
INIU Cable USB A USB C, [2m] QC 3,0 y 3,1A Cable USB C Carga Rapida, Aleación Trenzado de Nylon Cable USB Tipo C Cargador Compatible con iPhone 15 Pro Samsung S21 Huawei Xiaomi Pixel Android auto ECC.
6,63 € (a partir de 17 abril, 2024 13:14 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.)
ARZOPA 16.1'' 144Hz Monitor Portátil con Kickstand, 100% sRGB 1920×1080P FHD HDR 144HZ Gaming Monitor, Ultra Delgado - Protección Ocular-Segunda Pantalla Externa para Laptop/PC/Mac/PS3/4/5/Xbox - Z1FC
139,92 € (a partir de 17 abril, 2024 13:14 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.)