Javascript 全屏显示时的边距

通过在Phaser中使用文本对象的

onInputDown

event启动Chrome全屏，可实现全屏显示，并在所有侧面留有边距。我在Phaser示例中发现，对于

game.input

，onDown事件也发生了同样的事情

我怀疑我的电脑可能出了故障，但在请一位朋友尝试上面的例子后，他也经历了类似的情况。唯一的区别是由边缘创建的背景

奇怪的是，如果我调用的函数与文本对象中的

onInputDown

事件调用的函数相同，但是从按钮对象调用的函数却没有边距。适当的全屏显示。从添加到html标记

、

和

等的事件侦听器调用所述函数也可以正常工作

我的问题是：为什么以我在第一段中解释的方式启用全屏时会创建边距？除了从不同的源调用函数外，是否有其他方法可以删除这些边距？如果您使用Chrome从示例链接获得正确的全屏，请在您的答案中添加

//My fullscreen function
function ToggleFullScreen()
{
    var elem = document.documentElement;
    //Check if document is already in full screen or not.
    if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement)
    {
        if (document.exitFullscreen) {
          document.exitFullscreen();
        } else if (document.webkitExitFullscreen) {
          document.webkitExitFullscreen();
        } else if (document.mozCancelFullScreen) {
          document.mozCancelFullScreen();
        } else if (document.msExitFullscreen) {
          document.msExitFullscreen();
        }
    }       //If document is not already in full screen: Check if the document has the ability to go fullscreen.
    else if(document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled ||document.msFullscreenEnabled)
    {
        if (elem.requestFullscreen) {
          elem.requestFullscreen();
        } else if (elem.msRequestFullscreen) {
          elem.msRequestFullscreen();
        } else if (elem.mozRequestFullScreen) {
          elem.mozRequestFullScreen();
        } else if (elem.webkitRequestFullscreen) {
          elem.webkitRequestFullscreen();
        }
    }//If the document can not go full screen: Alert the user.
    else
        window.alert("Sorry. Your device or brower does not support full screen.");
}

---

必须尝试使用javascript将标记上的边距设置为0，看看它是否可以做到这一点？所以我能想到的另一个原因是，有时候，html代码中的换行符会导致不必要的边距，您是否尝试过将html缩小为一行？这可能就是你得到这些玛金的原因。我不确定我是否正确地遵循了你的建议。当我用javascript设置边距时，我输入了以下问题的答案：我将除了脚本之外的所有内容压缩到一行，这也没有任何帮助。一个重要的注意事项是，当我在最小化窗口的情况下请求全屏显示时，我不会得到任何白色边框/边距。可能是一个bug？必须尝试使用javascript，将标记上的边距设置为0，看看它是否能做到这一点？所以我能想到的另一个原因是，有时候，html代码中的换行符会导致不必要的边距，您是否尝试过将html缩小为一行？这可能就是你得到这些玛金的原因。我不确定我是否正确地遵循了你的建议。当我用javascript设置边距时，我输入了以下问题的答案：我将除了脚本之外的所有内容压缩到一行，这也没有任何帮助。一个重要的注意事项是，当我在最小化窗口的情况下请求全屏显示时，我不会得到任何白色边框/边距。也许是虫子？