我需要在我的网站上创建两个按钮，可以改变浏览器的缩放级别（+）（-）。我选择请求浏览器缩放而不是CSS缩放，是因为图片大小和布局问题。
嗯，这个可行吗？我听说了不同的说法。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
1073
收藏
在IE和Chrome中可能有效，但在Firefox中无效：
<script> function toggleZoomScreen() { document.body.style.zoom = "80%"; } </script> <img src="example.jpg" alt="example" onclick="toggleZoomScreen()">我会说，在大多数浏览器中不可能实现，至少不需要一些额外的插件。而且无论如何，我会尽量避免依赖浏览器的缩放，因为实现方式各不相同（有些浏览器只缩放字体，其他的还会缩放图片等）。除非你对用户体验不太在意。
如果你需要更可靠的缩放，那么考虑使用JavaScript和CSS来缩放页面的字体和图片，或者可能在服务器端进行缩放。这样可以解决图像和布局缩放的问题。当然，这需要更多的工作。