Une hauteur de page minimale sur ipad en portrait ?

Bonjour,

Je constate sur un site récemment développé un problème troublant sur ipad : apparemment, l'ipad ne veut pas afficher de "blanc" (de vide) en bas des pages qui seraient trop courtes et du coup zoom de façon à ce que le bas des pages arrive en bas de l'écran. Ainsi sur les pages trop courtes on ne peut pas dézoomer suffisamment pour voir toute la page rentrer dans la largeur.

J'aimerais que de base toutes mes pages soit dézoomées pour qu'elles occupent la largeur de l'écran.

J'utilise les balises suivantes :

<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes"/>

Je joins un schéma pour comprendre plus facilement le problème.

Merci de vos avis !
Modifié par OlivierFromParis (27 Oct 2014 - 12:20)

Hello,

Rajoute initial-scale dans ta balise meta viewport, ce qui devrait te donner ceci : <meta name="viewport" content="width=device-width, initial-scale=1.0">

Voici un très bon article sur le sujet : http://www.alsacreations.com/article/lire/1490-comprendre-le-viewport-dans-le-web-mobile.html

bonjour,
Pour que tous s'affiche bien sur ipad, essaye de supprimer les balises meta viewport en haut de page pour forcer l'ipad à afficher avec les parametres de zoom par defaut, mais tout de meme pour que cela marche il faudrait que le width de ton site soit inférieur ou égal à 960px.

Je n'ai jamais rencontré ce problème, toutefois je rejoins l'avis précédent. Pour que le site s'affiche correctement sur Ipad, une largeur de 960px est requise. Prévois un point de rupture à ces environs là.