2010-12-23 4 views
0

Je construis une version mobile pour un site Web, et je vais avoir quelques problèmes ...site Web mobile pour les problèmes iphone

La page principale de ce site mobile est essentiellement une image que je me suis fait avec cette dimension :

  • largeur: 320px;

  • hauteur: 480px;

Donc, cela dans un navigateur PC normal est affiché avec cette dimension ... mais dans l'iPhone l'image apparaît dans le coin supérieur gauche avec une très petite taille aux yeux de l'utilisateur ... I J'utilise la largeur: 100%; dans le css

C'est la première fois que je fais un site web mobile, donc toute aide serait appréciée! Merci

Répondre

2

essayez d'utiliser cette balise meta:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> 
+0

grâce qui est parfait! ;) –

+0

De rien. Si vous voulez permettre à l'utilisateur de pincer le zoom, il suffit d'ajouter à l'attribut de contenu "user-scalable = yes". Fondamentalement, le méta viewport vous permet de définir l'échelle d'une page Web. C'est très utile, précisément, pour les webapps/sites web mobiles – stecb