在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來縮放頁面的字體和圖片,或者可能在伺服器端進行縮放。這樣可以解決映像和佈局縮放的問題。當然,這需要更多的工作。