javascript頁面縮放

Question

嗨 我開發我的網站 ，我想用ctr +和ctr- 的功能製作兩個按鈕（+和 - ），用於在所有瀏覽器中放大和縮小整個網頁。 我需要此代碼的javascript代碼 任何人都可以幫忙嗎？

Answer 1

您已應用邏輯來保留當前縮放大小和遞增/遞減參數以查找所需的寬度。您可以根據您的要求自定義以下功能。

function zoom() 
{ 
var wdth = 1024; //Change this variable to match your configuration 
document.body.style.zoom = screen.width/1024; 
document.Fm.TxAre.value=1024; 
alert("1024 ? : "+screen.width/1024); 
} 

這只是一個快速解決方案。網上有很多更好的選擇。只是想在不使用第三方解決方案的情況下共享簡單的方法。

Answer 2

我希望這可以幫助你！ 這將縮小整個身體標記

var currentZoom = 100; 
 
function zoom(paramvar) 
 
{ 
 
    currentZoom += paramvar; 
 
    document.body.style.zoom = currentZoom + "%" 
 
}

<button onclick="zoom(+10);">Zoom In</button> 
 
<button onclick="zoom(-10);">Zoom Out</button>

Answer 3

可以使用

document.body.style.zoom 

也CSS：

element{zoom:<value>;}