Umgeschriebener Titel: Browser-Zoom anpassen

Question

Ich muss auf meiner Website zwei Schaltflächen erstellen, die die Zoomstufe (+) (-) des Browsers ändern können. Aufgrund von Problemen mit der Bildgröße und dem Layout habe ich mich dafür entschieden, die Browser-Skalierung anstelle der CSS-Skalierung anzufordern.

Nun, ist das machbar? Ich habe verschiedene Berichte gehört.

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来缩放页面的字体和图片，或者可能在服务器端进行缩放。这样可以解决图像和布局缩放的问题。当然，这需要更多的工作。