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:
MERCUSYS HUB Switch 5 PTOS 10/100/1000 MS105G 5PTOS/RJ45/PLUG and Play MS105G
9,69 € (a partir de 2 febrero, 2023 06:56 GMT +01: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.)
Mimacro - Lápiz para Tablet, Lápiz Universal, para iPad y mas con Magnética Lápiz Táctil 100% Compatible con iPad/iPad Pro/iPad Air/iPad Mini, iPhones/Samsung/Huawei y Tabletas (Universal)
17,55 € (a partir de 2 febrero, 2023 05:32 GMT +01: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.)
ARCTIC MX-6 (4 g, Incl. 6 MX Cleaner) - Ultimate Performance Thermal Paste para CPUs, Consolas, Tarjetas gráficas, portátiles, Muy Alta conductividad térmica, Larga duración, no conductiva
14,71 € (a partir de 2 febrero, 2023 05:32 GMT +01: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 TEJ4018GL - Impresora fotográfica portátil 300 PPP Pocket Mini AR con DIY Share 500 mAh, Blanco
49,99 € (a partir de 2 febrero, 2023 06:56 GMT +01: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.)
HP Cartucho de tinta original negro de alto rendimiento 305XL
22,99 € (a partir de 3 febrero, 2023 04:33 GMT +01: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.)
Kingston DataTraveler Exodia DTX/128GB Flash Drive USB 3.2 Gen 1 - with Protective Cap and Keyring in Multiple Colours
11,40 € (a partir de 2 febrero, 2023 06:56 GMT +01: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.)
HP 301 N9J72AE, Pack de 2, Cartuchos de Tinta Originales Negro y Tricolor, Compatible con Impresoras de Inyección de Tinta HP DeskJet 1050, 2540, 3050, HP OfficeJet 2620, 4630, HP ENVY 4500, 5530
34,99 € (a partir de 3 febrero, 2023 04:33 GMT +01: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.)
ASUS Chromebook CX1400CNA-BV0210 - Ordenador Portátil 14" (Intel Celeron N3350, 8GB RAM, 32GB eMMC, HD Graphics 500, Sistema operativo Chrome) Color Plata - Teclado QWERTY español
199,00 € (a partir de 2 febrero, 2023 06:56 GMT +01: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.)
Cable Cargador iPhone, [3Pack 2M] Cable iPhone Carga Rápida Trenzado de Nylon Compatible con iPhone 13 12 11 Pro XS MAX XR X 8 Plus 7 Plus 6S 6 Plus 5 5S 5C SE - Negro
9,99 € (a partir de 3 febrero, 2023 04:33 GMT +01: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.)