Bloquer zoom image sur mobile
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:
<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:
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.
