He estado utilizando por primera vez este media query que encontré en esta página
/* ESTILOS NORMALES (para móviles en vertical)
========================================================================= /
body { }
/ RESPONSIVE
========================================================================= /
/ Móviles en horizontal o tablets en vertical
------------------------------------------------------------------------- /
@media (min-width: 768px) { }
/ Tablets en horizonal y escritorios normales
------------------------------------------------------------------------- /
@media (min-width: 1024px) { }
/ Escritorios muy anchos
------------------------------------------------------------------------- */
@media (min-width: 1200px) { }
Todo funciona correctamente hasta que utilizo el Toggle Device Toolbar de responsive que tiene Google Chrome: no funciona el query para teléfonos.
Ejemplo:
Intenté aplicar el "background-color
" a cada body en cada uno de los diferentes tamaños con diferente color, y todos funcionaron cuando readapté la ventana del navegador, pero cuando utilicé la herramienta de Google Chrome, el color que le apliqué a las Tablets se repite en el de los teléfonos.
¿Como puedo corregir ese error?