使用javascript的全屏网站

我在所有浏览器上使用以下全屏网站代码。但我的代码只在mozila浏览器上工作，当我在chrome浏览器上浏览我的网站并使其全屏显示时，它并没有全屏预览，而是显示了狭窄的屏幕

这是我的密码：

console.clear();
var elem = document.getElementById("fullScreen");
function requestFullScreen(elt) {
    console.log("Requesting fullscreen for", elt);
    if (elt.requestFullscreen) {
      elt.requestFullscreen();
    } else if (elt.msRequestFullscreen) {
      elt.msRequestFullscreen();
    } else if (elt.mozRequestFullScreen) {
      elt.mozRequestFullScreen();
    } else if (elt.webkitRequestFullscreen) {
      elt.webkitRequestFullscreen();
    } else {
        console.error("Fullscreen not available");
    }
}
document.getElementById("Fullscreen").addEventListener("click", function () {
    requestFullScreen( 
        document.getElementById("FullScreen") 
    );
});

---

如果你不明白，请在这里发表评论，我会更新我的帖子，提供更多信息。谢谢

根据您的输入，我附上了一段代码，该代码正在Chrome&Firefox中测试。请参考下面的代码，以便更好地理解

console.clear（）；
var elem=document.getElementById（“全屏”）；
功能请求全屏（elt）{
console.log（“请求全屏显示”，elt）；
如果（elt.requestFullscreen）{
elt.requestFullscreen（）；
}else if（elt.msRequestFullscreen）{
elt.msRequestFullscreen（）；
}else if（elt.全屏）{
elt.mozRequestFullScreen（）；
}else if（elt.webkitRequestFullscreen）{
elt.webkitRequestFullscreen（）；
}否则{
控制台错误（“全屏不可用”）；
}
}
document.getElementById（“全屏”）.addEventListener（“单击”，函数）（）{
请求全屏（elem）；
});
#全屏{
宽度：100%；
最小高度：100px；
身高：100%；
边框：1px实心#666；
背景颜色：绿色；
光标：指针；
}
由于拒绝许可等多种原因之一，Chrome可能无法进入全屏

在调用
requestFullscreen
之前，您应该设置
fullscreenerror
和
fullscreenerror
事件。通过这种方式，您可以检查条件并获得有关Chrome无法进入全屏的原因的信息

document.addEventListener("fullscreenerror ", function( event) {

    console.log(event);
});

请出示html代码