重新編寫的標題為:調整瀏覽器縮放比例
P粉674757114
P粉674757114 2023-08-20 18:58:29
0
2
512
<p>我需要在我的網站上建立兩個按鈕,可以改變瀏覽器的縮放等級( )(-)。我選擇請求瀏覽器縮放而不是CSS縮放,是因為圖片大小和佈局問題。 </p> <p>嗯,這個可行嗎?我聽說了不同的說法。 </p>
P粉674757114
P粉674757114

全部回覆(2)
P粉824889650

在IE和Chrome中可能有效,但在Firefox中無效:

<script>
   function toggleZoomScreen() {
       document.body.style.zoom = "80%";
   } 
</script>

<img src="example.jpg" alt="example" onclick="toggleZoomScreen()">
P粉038856725

我會說,在大多數瀏覽器中不可能實現,至少不需要一些額外的插件。而且無論如何,我會盡量避免依賴瀏覽器的縮放,因為實作方式各不相同(有些瀏覽器只縮放字體,其他的還會縮放圖片等)。除非你對使用者體驗不太在意。

如果你需要更可靠的縮放,那麼請考慮使用JavaScript和CSS來縮放頁面的字體和圖片,或者可能在伺服器端進行縮放。這樣可以解決映像和佈局縮放的問題。當然,這需要更多的工作。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板