Requêtes de médias d’émulation du mode Périphérique Chrome ne fonctionnant pas

Pour une raison quelconque, le mode d’émulation de périphérique ne lit pas mes requêtes multimédias. Cela fonctionne sur d’autres sites, y compris mes propres sites créés avec bootstrap, mais cela ne fonctionne pas sur les requêtes multimédias que j’utilise de toutes pièces (cliquer sur le bouton des requêtes multimédia active le bouton mais aucune requête multimédia n’est affichée). Fichier de test ci-dessous. Est-ce un bug dans Chrome ou y a-t-il quelque chose que je dois changer dans mon fichier?

    MQ Example 1    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; } }    

I'm a first level heading

I'm a paragraph.

I'm a second level heading

I'm another paragraph.

J’ai résolu ce problème en ajoutant une balise META à ma page:

   

L’émulation d’appareil dans Chrome est toujours un WIP. Pour être honnête, je pense qu’ils l’ont poussé à Chrome un peu trop tôt. Essayez d’utiliser Canary (le navigateur bêta chromé) pour tester l’émulation, je trouve que cela fonctionne mieux que celui de Chrome.