javascript能不能调用浏览器的缩放功能

JavaScript 能不能调用浏览器的缩放功能,就是平时我们按 Ctrl + 鼠标滚轮的效果

注:因为使用 zoom: x;transform: scale(x); 会有一些小问题(主要是 Firefox 下的),所以会有以上需求。

阅读 15.7k
4 个回答

应该是只能模拟,document.body.style.zoom = xxx

window.onresize监听变化

<!DOCTYPE html>
<html>

<head>
    <title>滑稽</title>
    <meta charset="UTF-8">
    <script src="jquery.min.js"></script>
</head>

<body>
    <div id="demo">

    请改变窗口大小</div>
</body>
<script type="text/javascript">
window.onresize = function(){
document.getElementById("demo").innerHTML="宽度:"+document.documentElement.clientWidth+",高度:"+document.documentElement.clientHeight;
}
</script>
</html>

浏览器好像真没提供这样的接口
https://developer.mozilla.org...

其实,想缩放整个页面, 可以尝试用 JS 设置 body 的 transform: scale(); 估计还得计算一下向上的平移量.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题