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

Question

参考网上的写法实现了将一块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}");
                }
            }
    }

Answer 1

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