Le site responsive est agrandi lors du basculement entre Portrait et Paysage sur iPad / iPhone

Question

J'ai construit un site responsive en utilisant Twitter Bootstrap ici: http://zarin.me/cce/

Le design responsive fonctionne parfaitement sur iPad et iPhone, mais lorsque je bascule l'appareil de portrait en paysage, le site est agrandi au lieu de s'adapter à l'écran (le pincement de l'écran fonctionne).

Qu'est-ce que je rate? Est-ce un problème d'affichage? Voici le seul code de fenêtre d'affichage que j'ai dans mon:

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

Merci d'avance!

Answer 1

Vous souhaitez également ajouter l'échelle maximale

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

Answer 2

Le fait de définir l’échelle maximale sur «1» fonctionne, mais empêche les utilisateurs d’agrandir l’image avec zoom sur votre site. Pas idéal pour l'expérience utilisateur. Essayez plutôt ce Javascript, iOS-Orientation Change Fix

Answer 3

Ce qui suit fonctionne pour moi et permet aux utilisateurs de zoomer

 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
 

Answer 4

Avait exactement ce problème sur Ipad 3 et iOS 7.1.2

Utilisation de maximum-scale = 1 fixe et permet le zoom

La solution js n'a pas fonctionné