重新編寫的標題為：調整瀏覽器縮放比例

Question

我需要在我的網站上建立兩個按鈕，可以改變瀏覽器的縮放等級（ ）（-）。我選擇請求瀏覽器縮放而不是CSS縮放，是因為圖片大小和佈局問題。

嗯，這個可行嗎？我聽說了不同的說法。

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