javascript - 在 android chrome 浏览器中处于全屏模式时，元视口(viewport)属性的值不会反射(reflect)出来

Question

当我在 android 中使用全屏 api 处于全屏模式时，元视口(viewport)属性(如 initial-scale 和 user-scalable )的值不会反射(reflect)在浏览器中。如果我未处于全屏模式，则会反射(reflect)元视口(viewport)的值。您可以通过访问 MDN:Fullscreen api example 查看它从移动浏览器

我没有找到任何消息来源说 meta viewport 将在 android 的全屏模式下被禁用。那么我是在犯任何错误还是没有人记录下来？全屏时也禁用捏合和缩放

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

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

Answer 1

我能够通过使用网络应用程序 list 的替代方法进入全屏。它不会干扰元视口(viewport)。

步骤如下

1. 将其添加到头部:

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

1. 创建如下所示的 list 文件:

 {
      "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"
  }

使用 list 以全屏方式启动的 Google 开发人员文档可用 here .

提出全屏禁用元 View 端口的问题here .