Pourquoi ma page Web est-elle alignée à gauche sur iPad?

Question

J'ai récemment construit un site et l'ai centré en utilisant margin: 0 auto. J'ai également enveloppé des éléments dans une classe .wrapper avec une largeur définie sur 960px, puis l'élément parent s'étendait sur l'ensemble du navigateur.

Lorsque je vois the Brands screen sur un iPad, le site est aligné à gauche et ne s'étend pas sur toute la fenêtre. Des pensées pour expliquer pourquoi cela pourrait se produire et comment le corriger?

Voir ci-dessous pour une capture d'écran:

Answer 1

On dirait que vous avez quelques erreurs de validation sur cette page:

• http://validator.w3.org/check?uri=http://www.propet.com/brands/&charset=(detect+automatically)&doctype=Inline&group=0

Je soupçonne qu'ils pourraient causer le problème. Si vous regardez la page dans e.g. Chrome, vous verrez une barre de défilement horizontale et un espace à l'extérieur de votre wrapper <div>, donc les problèmes ne se limitent pas à l'iPad.

Answer 2

Cela fonctionne pour une page web centrée avec une largeur de 1024px:

<meta name="viewport" 
     content="width=device-width, initial-scale=0.95, maximum-scale=0.95">