largeur du périphérique de la fenêtre, ne fonctionne pas

Question

Je mis en place

meta name = "viewport" content = "width = dispositif de largeur" ​​

de sorte que lorsque sur un appareil mobile, le site http://www.myscholly.com/iphone.php adaptera. Je fais aussi ma div contenant la largeur = 100%. Cela fonctionne lors de l'affichage dans un navigateur Web normal avec une petite fenêtre (c'est-à-dire rétrécissant la fenêtre du navigateur), mais cela ne fonctionne pas sur mon simulateur d'iPhone.

Je sais que le problème est le CSS, mais j'ai désactivé les marges, les paddings, et fondamentalement tout dépouillé, mais toujours le problème. Si vous regardez le site sur mobile, l'élément contenant n'a pas une largeur de 100%!

Answer 1

Dans votre fichier style.css et dans le fichier html, le conteneur div est class = .container mais dans votre requête média de largeur maximale dans le fichier HTML, vous le ciblez comme ID = #container.

Answer 2

Mettez la balise META sur la première place à l'intérieur de l'étiquette de tête. Cela pourrait ne pas atteindre votre balise META. Au début de l'année 2011, le W3C a décidé d'autoriser la déclaration de codage des caractères dans les 1024 premiers octets au lieu des 512 premiers octets, afin que les navigateurs puissent donner plus de latitude avant de mettre en mémoire tampon le contenu de la page.

Voir le lien ci-dessous pour plus d'informations.

Document header optimization