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>;}