2012-11-16 4 views
0

J'ai une question concernant desing réactif sur les tablettes:écran iPad foiré responsive design

L'objectif est d'avoir 2 ou 3 divs ci-dessous l'autre, une hauteur de 100% de sorte qu'ils ressemblent à des pages en plein écran. Lors de la visite de mon site web responsive (travail en cours) sur un iPad tout va bien. Mais dès que vous allumez l'appareil, certaines marges inutiles commencent à apparaître et l'appareil va zoomer sur le contenu.

Ma question:

Est-ce normal, ou ne me manque quelques lignes de code?

Edit: a oublié d'ajouter le site http://www.danielsneijers.com/

+2

try

+0

merci, semble que j'ai oublié la valeur maximale! – smelly586

Répondre

0

Ceci est un bug connu avec iOS et il y a un workround disponible: http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/

Wilst fixer une échelle maximale dans la fenêtre va contourner cela, il a également Désactive le zoom sur tous les périphériques ce qui est très mauvais pour l'accessibilité et signifie que votre site Web est plus susceptible d'avoir des problèmes avec les futurs appareils.