Pourquoi mes requêtes média CSS3 ne fonctionnent-elles pas sur les appareils mobiles ?

Question

Dans le fichier styles.css, j'utilise des requêtes média, qui utilisent toutes deux une variation de :

/*--[ Normal CSS styles ]----------------------------------*/

@media only screen and (max-width: 767px) {

    /*--[ Mobile styles go here]---------------------------*/
}

Les sites sont redimensionnés selon la disposition que je souhaite dans un navigateur ordinaire (Safari, Firefox) lorsque je réduis la fenêtre, mais la disposition mobile ne s'affiche pas du tout sur un téléphone. Au lieu de cela, je ne vois que le CSS par défaut.

Quelqu'un peut-il m'indiquer la bonne direction ?

Answer 1

J'utilise plusieurs méthodes selon les cas. Dans la même feuille de style, j'utilise : @media (max-width : 450px), ou pour séparé assurez-vous que vous avez le lien dans l'en-tête correctement. J'ai jeté un coup d'œil à votre fixmeup et vous avez un ensemble confus de liens vers css. Il agit comme vous le dites également sur HTC desire S.