开发者社区> 问答> 正文

如何使用js控制浏览器缩放的最小宽高?

这个只适用于ie,其他浏览器好像默认禁用这种行为吧,求兼容

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>window</title>
    <script src="js/jquery-1.11.3.min.js"></script>
    <style>
        * {padding: 0; margin: 0;}
    </style>
</head>

<body>
    <button class="btn1">click1</button>
    <button class="btn2">click2</button>


</body>
<script>

    var myWin;

    $(".btn1").click(function() {
        myWin = window.open('', '_self', 'width=400, height=250');
        myWin.moveTo(0, 0);
    });

    $(".btn2").click(function() {
        myWin.resizeTo(500, 400);
    });


    $(window).on('resize', function() {
        var winW = $(window).width();
        if(winW <= 500) {
            myWin.resizeTo(500, 400);
        }
    });

</script>
</html>

展开
收起
小旋风柴进 2016-03-13 16:01:00 4468 0
2 条回答
写回答
取消 提交回答
  • https://zhidao.baidu.com/question/516963608.html

    2020-03-26 22:56:01
    赞同 展开评论 打赏
  • 可以使用jquery $(function(){ if($("obj").width()>600) { //执行修改宽度 } else { //已经小于或等于600,不允许修改. } })

    答案来源于网络

    2019-09-24 20:09:37
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
基于浏览器的实时构建探索之路 立即下载
JavaScript 语言在引擎级别的执行过程 立即下载
基于浏览器的实时构建探索之路--玄寂 立即下载