JavaScript 页面缩放

Question

嗨我开发我的网站我想制作两个具有 ctr+ 和 ctr- 功能的按钮(+ 和 -)用于在所有浏览器中放大和缩小整个网页。为此，我需要 javascript 代码有人可以帮忙吗？

Answer 1

希望对您有所帮助!这将缩放整个 body 标签

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>