js 实现div全屏,但在某些浏览中不能正常显示

参考网上的写法实现了将一块div全屏预览的功能,经测试在chrome、microsoftedge中可以正常全屏,但在360急速浏览器中全屏后宽度并未全屏显示,在ie中点击按钮后直接没反应。。求大神解答。。**

代码:

    //content是一块div,全屏的方法通过一个button调用
    var el = document.getElementById("content");
    function fullScreen() {
        var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;
        if(typeof rfs != "undefined" && rfs) {
            rfs.call(el);
        } else if(typeof window.ActiveXObject != "undefined") {
                //for IE,这里其实就是模拟了按下键盘的F11,使浏览器全屏
                var wscript = new ActiveXObject("WScript.Shell");
                if(wscript != null) {
                    wscript.SendKeys("{F11}");
                }
        }
    }
    function exitFullScreen() {
        var el = document;
        var cfs = el.cancelFullScreen || el.webkitCancelFullScreen || 
        el.mozCancelFullScreen || el.exitFullScreen;
        if(typeof cfs != "undefined" && cfs) {
            cfs.call(el);
        } else if(typeof window.ActiveXObject != "undefined") {
                //for IE,这里和fullScreen相同,模拟按下F11键退出全屏
                var wscript = new ActiveXObject("WScript.Shell");
                if(wscript != null) {
                    wscript.SendKeys("{F11}");
                }
            }
    }

https://zhidao.baidu.com/question/1640166864244090820.html

IE上可以使用新开页面的方式打开,但是打开后没有关闭按钮只能用alt+f4关闭 ,而且用js关闭也会有安全提示。这个需求好像不能满足所有浏览器

IE会新开页面全屏
window.open(location.href,'','fullscreen=1')