重新编写的标题为：调整浏览器缩放比例

Question

我需要在我的网站上创建两个按钮，可以改变浏览器的缩放级别（+）（-）。我选择请求浏览器缩放而不是CSS缩放，是因为图片大小和布局问题。

嗯，这个可行吗？我听说了不同的说法。

Answer 1

在IE和Chrome中可能有效，但在Firefox中无效：

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

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

Answer 2

我会说，在大多数浏览器中不可能实现，至少不需要一些额外的插件。而且无论如何，我会尽量避免依赖浏览器的缩放，因为实现方式各不相同（有些浏览器只缩放字体，其他的还会缩放图片等）。除非你对用户体验不太在意。

如果你需要更可靠的缩放，那么考虑使用JavaScript和CSS来缩放页面的字体和图片，或者可能在服务器端进行缩放。这样可以解决图像和布局缩放的问题。当然，这需要更多的工作。