Discussion :

[dgwww]

Bonjour,
Un client m'a demander suite à la mise de son site en responsive de bloquer le fait de pouvoir zoomer son site sur smartphone.
Pratique pas vraiment super, mais bon pas moyen de raisonner la personne donc ..

J'ai utiliser dans un premier temps la meta viewport qui fonctionne sur Android et IOS à l’exception des dernières version ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no, user-scalable=0" />

Ma question étant de savoir si en CSS, il est possible de fixer une image a une taille, même lorsque l'utilisateur zoom le contenu sur son téléphone ?
Dans l'idée l'image que j'ai fait toujours au maximum 30% de la largeur de l'écran (ladscape ou portrait), mais dès que l'utilisateur zoom, l'image déborde de partout (comportement normal me direz-vous)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
#monImage{
max-width:30%;
width:30%;
 
position:absolute;
top:30px;
left:50%;
margin-left:-15%;
 
z-index:2;
}

Je vous remercie par avance de votre aide.

[dgwww]

Salut,
Personne n'a une petite idée ?

[Invité]

Bonjour,

1/ ce serait plus facile avec un lien vers le site concerné...

2/

J'ai utiliser dans un premier temps la meta viewport qui fonctionne sur Android et IOS à l’exception des dernières version ...

Ah bon ? Quelles versions ?
Sois plus précis.

3/ A lire :

• Utiliser la balise meta viewport pour contrôler la mise en page sur les navigateurs mobiles