Las Consultas de Medios de Emulación de Modo de Dispositivo Chrome No Funcionan

Por alguna razón el modo de emulación de dispositivos no está leyendo mis consultas de medios. Funciona en otros sitios, incluidos mis propios sitios que hice con bootstrap, pero no funciona en consultas de medios que estoy usando desde cero (al hacer clic en el botón consultas de medios, el botón se vuelve azul, pero no se muestran consultas de medios). Archivo de prueba a continuación. ¿Es un error en Chrome o hay algo que necesito cambiar en mi archivo?

<!DOCTYPE html>
<!--
Media Queries Example 1
Sam Scott, Fall 2014
-->
<html>
<head>
    <title>MQ Example 1</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        body { font-family: sans-serif; }
        h1 { color: red; } 
        h2 { color:blue; }
        p { color:green; }

        @media (max-width: 768px) and (min-width: 481px) {
            h1 { color: green; } 
            h2 { color:red; }
            p { color:blue; }
        }

        @media (max-width:479px), print { 
            h1,h2,p { color:black; }
        }

        @media print {
            body { font-family: serif; }
        }


    </style>
</head>
<body>
    <h1>I'm a first level heading</h1>
    <p>I'm a paragraph.</p>
    <h2>I'm a second level heading</h2>
    <p>I'm another paragraph.</p>
</body>
</html>
Author: Sam Scott, 2014-11-12
Source

2 answers

Solucioné este problema agregando una meta etiqueta a mi página:

 <meta name="viewport" content="width=device-width">
 136
Author: BananaNeil,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-03-03 23:13:03

La emulación de dispositivos en Chrome sigue siendo un WIP. Para ser honesto, creo que lo empujaron a Chrome un poco demasiado pronto. Trate de usar Canary (el navegador beta de Chrome) para probar la emulación, me parece que está funcionando mucho mejor que el de Chrome.

 6
Author: Digger,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-11-12 14:04:13