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:
Lenovo IdeaPad Gaming 3 - Portátil Gaming 15.6" FullHD (AMD Ryzen 7 4800H, 16GB RAM, 512GB SSD, NVIDIA GTX1650-4GB, Sin Sistema Operativo), Color Azul- Teclado QWERTY Español
749,00 € (a partir de n/a - Más informaciónLos precios y la disponibilidad de los productos son exactos a partir de la fecha/hora indicada y están sujetos a cambios. Cualquier información de precio y disponibilidad que se muestre en [los sitios de Amazon relevantes), según corresponda] en el momento de la compra se aplicará a la compra de este producto.)
Toshiba Canvio Basics, Disco Duro, 1, Negro
55,52 € (a partir de 30 julio, 2021 - Más informaciónLos precios y la disponibilidad de los productos son exactos a partir de la fecha/hora indicada y están sujetos a cambios. Cualquier información de precio y disponibilidad que se muestre en [los sitios de Amazon relevantes), según corresponda] en el momento de la compra se aplicará a la compra de este producto.)
Corsair iCUE SP120 RGB PRO - Ventilador de chasis de 120mm, Silencioso, de Flujo de aire elevado, Paquete Individual
10,95 € (a partir de n/a - Más informaciónLos precios y la disponibilidad de los productos son exactos a partir de la fecha/hora indicada y están sujetos a cambios. Cualquier información de precio y disponibilidad que se muestre en [los sitios de Amazon relevantes), según corresponda] en el momento de la compra se aplicará a la compra de este producto.)
TECLAST M40 Tablet 10.1 Pulgadas 6GB RAM +128GB ROM,con Octa-Core 2.0 GHz,FHD Screen Resolution 1920x1200(4G LTE Dual SIM y TF 512GB/ Android 10.0 /Bluetooth 5.0/WiFi/Batería 6000MAH/Type C de Carga)
209,99 € (a partir de n/a - Más informaciónLos precios y la disponibilidad de los productos son exactos a partir de la fecha/hora indicada y están sujetos a cambios. Cualquier información de precio y disponibilidad que se muestre en [los sitios de Amazon relevantes), según corresponda] en el momento de la compra se aplicará a la compra de este producto.)
NGS Flame Black - Ratón Óptico 1000dpi con Cable USB, Ratón para Ordenador o Portátil con 3 Botones, Ambidiestro, Negro
2,50 € (a partir de n/a - Más informaciónLos precios y la disponibilidad de los productos son exactos a partir de la fecha/hora indicada y están sujetos a cambios. Cualquier información de precio y disponibilidad que se muestre en [los sitios de Amazon relevantes), según corresponda] en el momento de la compra se aplicará a la compra de este producto.)
SAMSUNG Galaxy Tab S6 Lite - Tablet de 10.4” (WiFi, Procesador Exynos 9611, 4 GB RAM, 128 GB Almacenamiento, Android 10), Color Azul [Versión española]
319,00 € (a partir de n/a - Más informaciónLos precios y la disponibilidad de los productos son exactos a partir de la fecha/hora indicada y están sujetos a cambios. Cualquier información de precio y disponibilidad que se muestre en [los sitios de Amazon relevantes), según corresponda] en el momento de la compra se aplicará a la compra de este producto.)
SOOTEWAY Repetidor WiFi, 300Mbps Extensor WiFi, Amplificador WiFi 2.4GHz con Repertidor/Ap Modo y la función WPS, Amplificador Señal de Red WiFi con Puerto Ethernet e Interfaz de Alimentación
16,99 € (a partir de n/a - Más informaciónLos precios y la disponibilidad de los productos son exactos a partir de la fecha/hora indicada y están sujetos a cambios. Cualquier información de precio y disponibilidad que se muestre en [los sitios de Amazon relevantes), según corresponda] en el momento de la compra se aplicará a la compra de este producto.)
FKH Repetidor WiFi, 300Mbps Amplificador WiFi,Amplificador Señal WiFi de 300 Mbps,Amplificador de Señal Admite Redes WLAN de 2,4 GHz,Fácil de Configurar, Compatible con Enrutador y Fibra
16,99 € (a partir de n/a - Más informaciónLos precios y la disponibilidad de los productos son exactos a partir de la fecha/hora indicada y están sujetos a cambios. Cualquier información de precio y disponibilidad que se muestre en [los sitios de Amazon relevantes), según corresponda] en el momento de la compra se aplicará a la compra de este producto.)
Teclado Mecánico, Teclados Gaming con Retroiluminación RGB e Anti-Efecto Rojo Fantasma de 105 Teclas, Teclado Español para Juegocon Cable USB y Cuerpo de Acero para PC y Portátil
55,99 € (a partir de n/a - Más informaciónLos precios y la disponibilidad de los productos son exactos a partir de la fecha/hora indicada y están sujetos a cambios. Cualquier información de precio y disponibilidad que se muestre en [los sitios de Amazon relevantes), según corresponda] en el momento de la compra se aplicará a la compra de este producto.)