在IE和Chrome中可能有效,但在Firefox中无效:
<script> function toggleZoomScreen() { document.body.style.zoom = "80%"; } </script> <img src="example.jpg" alt="example" onclick="toggleZoomScreen()">
我会说,在大多数浏览器中不可能实现,至少不需要一些额外的插件。而且无论如何,我会尽量避免依赖浏览器的缩放,因为实现方式各不相同(有些浏览器只缩放字体,其他的还会缩放图片等)。除非你对用户体验不太在意。
如果你需要更可靠的缩放,那么考虑使用JavaScript和CSS来缩放页面的字体和图片,或者可能在服务器端进行缩放。这样可以解决图像和布局缩放的问题。当然,这需要更多的工作。
在IE和Chrome中可能有效,但在Firefox中无效:
我会说,在大多数浏览器中不可能实现,至少不需要一些额外的插件。而且无论如何,我会尽量避免依赖浏览器的缩放,因为实现方式各不相同(有些浏览器只缩放字体,其他的还会缩放图片等)。除非你对用户体验不太在意。
如果你需要更可靠的缩放,那么考虑使用JavaScript和CSS来缩放页面的字体和图片,或者可能在服务器端进行缩放。这样可以解决图像和布局缩放的问题。当然,这需要更多的工作。