在IE和Chrome中可能有效,但在Firefox中無(wú)效:
<script> function toggleZoomScreen() { document.body.style.zoom = "80%"; } </script> <img src="example.jpg" alt="example" onclick="toggleZoomScreen()">
我會(huì)說(shuō),在大多數(shù)瀏覽器中不可能實(shí)現(xiàn),至少不需要一些額外的插件。而且無(wú)論如何,我會(huì)盡量避免依賴瀏覽器的縮放,因?yàn)閷?shí)作方式各不相同(有些瀏覽器只縮放字體,其他的還會(huì)縮放圖片等)。除非你對(duì)使用者體驗(yàn)不太在意。
如果你需要更可靠的縮放,那麼請(qǐng)考慮使用JavaScript和CSS來(lái)縮放頁(yè)面的字體和圖片,或者可能在伺服器端進(jìn)行縮放。這樣可以解決映像和佈局縮放的問(wèn)題。當(dāng)然,這需要更多的工作。