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:
Samsung SSD 870 EVO - Disco duro interno de estado sólido, 500 GB, SATA 560 MB/s, 2,5", Negro
59,99 € (a partir de 25 septiembre, 2022 05:25 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 Curved Gaming Monitor 34" GL WQHD (3440x1440, 21:9, HDMI 2.2x2, DisplayPort 1.4x2, Altura y rotación Ajustable, 4ms, 144Hz, AMD FreeSync) Negro
350,95 € (a partir de 25 septiembre, 2022 05:25 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.)
Patriot P210 SSD 512GB SATA III Disco Sólido Interno 2.5" - P210S512G25
34,99 € (a partir de 25 septiembre, 2022 05:25 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.)
2022 Apple Ordenador Portátil MacBook Air con Chip M2 de Apple: Pantalla Liquid Retina de 13,6 Pulgadas, 8GB de RAM, 256 GB de Almacenamiento SSD, Teclado retroiluminado, Color Negro Noche
1345,00 € (a partir de 25 septiembre, 2022 05:25 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.)
Pen Drive USB C 128 GB, Ansodo Tipo C Memoria USB 128 GB 2 en 1 OTG Flash Drive USB 128gb USB C Stick 128 GB para PC, Tabletas, Type C Smartphones, Macbook, etc (Verde)
10,16 € (a partir de 25 septiembre, 2022 05:25 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.)
MATEIN Mochila Portatil Mochila Hombre Impermeable Mochila Ordenador Portatil 15.6 Pulgadas Mochila Portatil con Puerto USB Mochila Antirrobo del Negocio Trabajo Diario Viaje Escolares - Negro
34,99 € (a partir de 24 septiembre, 2022 10:37 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.)
HP 302 F6U66AE, Negro, Cartucho Original, de 170 páginas, Para impresoras HP Deskjet serie 1110, 2330, 3630; 3830; 4650 HP ENVY 4520; HP OfficeJet 3830, Tamaño Estándar
17,84 € (a partir de 25 septiembre, 2022 05:25 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 Ultra Tarjeta de Memoria microSDXC con Adaptador SD, hasta 120 MB/s, Rendimiento de apps A1, Clase 10, U1, 256 GB
28,99 € (a partir de 25 septiembre, 2022 05:25 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.)
ANKUY Cargador iphone 【Apple MFi-Certified】 2Pack cargadores Cable de 5 W Adaptador de corriente USB de 1 m con 2 cables Lightning para iPhone Compatible con iPhone 13 12 11 Pro Max 8 7 6 5, etc
12,98 € (a partir de 25 septiembre, 2022 05:25 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.)