Cambiar el nivel de zoom del navegador
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.
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()">
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.