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

 爱rain宝520 发布于 2022-11-12 12:30

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

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

5 个回答
  • .css('transform','scale(.8)');
    2022-11-12 15:41 回答
  • http://www.jb51.net/article/2... 监听事件
    http://blog.csdn.net/huwei200... js页面缩放
    好像不太好弄,能监听到键盘和鼠标的按键事件,但是滚轮貌似没有监听前滚还是后滚。如果能监听滚动方向就好办了。

    2022-11-12 15:42 回答
  • 浏览器好像真没提供这样的接口
    https://developer.mozilla.org...

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

    2022-11-12 15:42 回答
  • window.onresize监听变化

    <!DOCTYPE html>
    <html>
    
    <head>
        <title>滑稽</title>
        <meta charset="UTF-8">
        <script src="jquery.min.js?1.2.1"></script>
    </head>
    
    <body>
        <p id="demo">
    
        请改变窗口大小</p>
    </body>
    <script type="text/javascript">
    window.onresize = function(){
    document.getElementById("demo").innerHTML="宽度:"+document.documentElement.clientWidth+",高度:"+document.documentElement.clientHeight;
    }
    </script>
    </html>
    2022-11-12 15:42 回答
  • 应该是只能模拟,document.body.style.zoom = xxx

    2022-11-12 15:42 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有