Site mobile => Problème de taille de visuel sur l'iphone

anlo

13 Dec 2011 à 15:32

Bonjour,

Sur mon site mobile, j'ai un souci de taille de visuel sur l'Iphone et pas les autres Smartphone (HTC, Samsung...)

Les visuels des produits sont agrandis et donc détériorés sur l'Iphone.

J'ai mis dans le header
<meta content="width=device-width,minimum-scale=1,maximum-scale=1" name="viewport" />

Pouvez-vous m'aider ?

Merci,

Cordialement,

Anlo

Patidou

13 Dec 2011 à 15:46

Et comme ça?

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

Le maximum-scale est déconseillé : ça empêche les gens de zoomer si ils ont une mauvaise vue. Smiley cligne

P.S. : sans un site en ligne c'est dur d'en dire plus. Smiley smile

Modifié par Patidou (13 Dec 2011 - 15:48)

Victor BRITO

13 Dec 2011 à 15:57

Salut,

Pour le zoom minimal, le paramètre s'appelle initial-scale. Smiley cligne

anlo

13 Dec 2011 à 16:36

@Patidou
J'ai essayé avec votre meta et rien ne se passe...
Je pense que ce n'est pas un problème de zoom mais vraiment d'image qui est mal géré sur l'iphone.
Peut-on parler uniquement à l'iphone, et donc par conséquent à safari ?

Merci

Patidou

13 Dec 2011 à 18:59

On peut discuter longtemps mais sans voir le site c'est difficile de dire ce qui ne va pas. Si ce sont les images qui sont trop grandes, tu peux utiliser un truc du genre :

#container img,#container frame, #container object, #container svg {max-width: 100%}

anlo

14 Dec 2011 à 12:27

Merci !

J'ai forcé le width car avec le max-width: 100% ça ne marchait pas.

#image1 img, #image2 img, #image3 img, .imageproduitliste img {
width:66px;
}
.imgfiche img {
width:150px;
}