Titre réécrit : Ajuster le zoom du navigateur

Question

Je dois créer deux boutons sur mon site Web qui peuvent modifier le niveau de zoom du navigateur (+) (-). J'ai choisi de demander la mise à l'échelle du navigateur plutôt que la mise à l'échelle CSS en raison de problèmes de taille d'image et de mise en page.

Eh bien, est-ce faisable ? J'ai entendu différents récits.

Answer 1

Peut fonctionner dans IE et Chrome, mais pas dans Firefox :

<script>
   function toggleZoomScreen() {
       document.body.style.zoom = "80%";
   } 
</script>

<img src="example.jpg" alt="example" onclick="toggleZoomScreen()">

Answer 2

Je dirais que ce n'est pas possible dans la plupart des navigateurs, du moins sans quelques plugins supplémentaires. Et de toute façon, j'essaierais d'éviter de compter sur la mise à l'échelle du navigateur, car les implémentations varient (certains navigateurs mettent uniquement à l'échelle les polices, d'autres mettent également à l'échelle les images, etc.). Sauf si vous ne vous souciez pas beaucoup de l’expérience utilisateur.

Si vous avez besoin d'une mise à l'échelle plus fiable, envisagez d'utiliser JavaScript et CSS pour mettre à l'échelle les polices et les images de la page, ou peut-être effectuer la mise à l'échelle côté serveur. Cela résout les problèmes de mise à l’échelle des images et de la mise en page. Bien sûr, cela demande plus de travail.