Navigateur de ne pas reconnaître max-device-width

Je me suis mise en œuvre du responsive web design pour mon site. Pour cela je suis à l'aide de @media queries pour
affichage des différents points de vue sur différents appareils. Pour des tests, je suis en utilisant développeur web
barre d'outils pour firefox et site responsive vue add-on pour google chrome.

Cependant, si je suis en utilisant :

@media only screen and (max-device-width: 480px)
{
    //CSS
}

Puis son travail sur le réel de l'appareil, mais pas dans le navigateur

et

Si je suis en utilisant

@media only screen and (max-width: 480px)
{
    //CSS
}

Alors son seul travail sur le navigateur et non dans le dispositif.

Où je vais mal? Besoin D'Aide

OriginalL'auteur Sky | 2013-03-05