如何使用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>

个人觉得并没有这个必要，刻意的去改变浏览器的大小，如果只是为了使自适应的页面布局不被挤压错位之类的需求的话，控制自己页面的最小高宽即可。当然，如果你是为了追求牛逼的技术的话，那就另当别论了。我只想说达成目的的方法很多，一种不行，可以考虑其他方式，甚至逆向思考。如果你是当局者迷，我希望我的话能帮到你，如果你不属于这种情况，请忽略我的回复。

resizeTo有些浏览器不支持的。。搞不了，而且也也流氓

有的电脑特别长有的是方的那么只好使浏览器比例一致