Cambiar el nivel de zoom del navegador

Resuelto Jourkey asked hace 15 años • 11 respuestas

Necesito crear 2 botones en mi sitio que cambiarían el nivel de zoom del navegador (+) (-). Solicito el zoom del navegador y no el zoom CSS debido a problemas de tamaño y diseño de la imagen.

Bueno, ¿es esto siquiera posible? He oído informes contradictorios.

Jourkey avatar Jun 29 '09 00:06 Jourkey
Aceptado

Posible en IE y Chrome aunque no funciona en Firefox:

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

<img src="example.jpg" alt="example" onclick="toggleZoomScreen()">
Corne Lukken avatar Dec 12 '2012 13:12 Corne Lukken

Yo diría que no es posible en la mayoría de los navegadores, al menos no sin algunos complementos adicionales. Y en cualquier caso, intentaría evitar depender del zoom del navegador, ya que las implementaciones varían (algunos navegadores solo hacen zoom en las fuentes, otros también hacen zoom en las imágenes, etc.). A menos que no te importe mucho la experiencia del usuario.

Si necesita un zoom más confiable, considere hacer zoom en las fuentes e imágenes de la página con JavaScript y CSS, o posiblemente en el lado del servidor. Los problemas de escala de imagen y diseño podrían solucionarse de esta manera. Por supuesto, esto requiere un poco más de trabajo.

Eemeli Kantola avatar Jun 28 '2009 17:06 Eemeli Kantola