javascript页面缩放

Question

嗨，我开发我的网站，我想制作两个按钮（+和 - ）与功能ctr +和ctr-放大和缩小所有浏览器的整个网页。 我需要用于此目的的JavaScript代码可以有人帮忙吗？

Answer 1

我希望这可以帮助你 ！ 这将缩放整个身体标签

 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 2

您可以使用

document.body.style.zoom

在CSS中：

element{zoom:<value>;}

Answer 3

您已应用逻辑来保留当前缩放大小和增量/减量参数以查找所需的宽度。 您可以根据需要自定义以下功能。

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

这只是一个快速的解决方案。 网上有很多更好的选择。 想到在不使用第三方解决方案的情况下共享简单的方法。