Question

我正在制作一个简单的死像素查找器＆＃34;网页。我的代码适用于Firefox Quantum，但不适用于Chrome。

在脚本部分，我有一些代码，可以在单击页面时启用Fullscreen API。它在Firefox Quantum中运行良好。

....

    <style type="text/css">
        div
        {
            height: 100vh;
            width: 100wh;
            background-color: red;
        }       
    </style>

</head>
<body>
    <div id="box" onclick="full_screen();"></div>
</body>

但是在Chrome中，我得到一个黑色页面，而不是我为背景颜色设置的颜色？

Answer 1

我不确定你在那里使用什么样的API，但请查看：

https://jsfiddle.net/cwoz3qw1/1/

 div {
   height: 100vh;
   width: 100vw;
   background-color: red;
 }


let i = document.querySelector('#box');

i.addEventListener('click', () => {

  if (i.requestFullscreen) {
    i.requestFullscreen();
  } else if (i.webkitRequestFullscreen) {
    i.webkitRequestFullscreen();
  } else if (i.mozRequestFullScreen) {
    i.mozRequestFullScreen();
  } else if (i.msRequestFullscreen) {
    i.msRequestFullscreen();
  }
});

更多信息：

https://www.sitepoint.com/use-html5-full-screen-api/

CSS全屏框在Firefox中工作但不在Chrome中

1 个答案: