更改浏览器缩放级别

javascript browser zooming

2022-08-30 04:30:16

我需要在我的网站上创建2个按钮，这些按钮将更改浏览器缩放级别（+）（-）。由于图像大小和布局问题，我请求浏览器缩放而不是css缩放。

好吧，这有可能吗？我听说过相互矛盾的报道。

答案 1

可以在IE和chrome中使用，尽管它在firefox中不起作用：

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

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

答案 2

我会说在大多数浏览器中都是不可能的，至少如果没有一些额外的插件，就不可能。无论如何，我会尽量避免依赖浏览器的缩放，因为实现方式各不相同（有些浏览器只缩放字体，有些浏览器也缩放图像等）。除非你不太关心用户体验。

如果您需要更可靠的缩放，请考虑使用JavaScript和CSS缩放页面字体和图像，或者可能在服务器端缩放。图像和布局缩放问题可以通过这种方式解决。当然，这需要更多的工作。