javascript – 在android chrome浏览器中以全屏模式显示元视口属性的值

当我在Android中使用全屏api处于全屏模式时,元视口属性的值(如初始比例和用户可缩放)不会反映在浏览器中.如果我不是全屏模式,则会反映元视口的值.您可以通过移动浏览器访问MDN:Fullscreen api example来查看它

我没有找到任何消息来源说在Android中全屏禁用元视口.我犯了什么错误,或者没有人记录下来？
全屏时也会禁用捏合和缩放

在https://github.com/whatwg/fullscreen/issues/111提出了一个问题,但没有运气.

想知道是否有其他方法可以解决它

解决方法:

通过使用Web应用程序清单的替代方法,我能够全屏显示.它不会干扰元视口.

这是步骤

>将其添加到头部：

<link rel="manifest" href="/manifest.json">

>创建如下所示的清单文件：

 {
      "short_name": "App Name",
      "name": "Full app name",
      "icons": [
        {
          "src": "launcher-icon-4x.png",
          "sizes": "192x192",
          "type": "image/png"
        }
      ],
      "start_url": "/index.html",
      "display": "fullscreen",
      "orientation": "landscape"
  }

使用清单全屏启动的Google开发人员文档可用于here.

全屏禁用元视图端口的问题提出了here.

标签：javascript,css,viewport,fullscreen,responsive
来源： https://codeday.me/bug/20190929/1830287.html