Question

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

我没有找到任何消息来源说在Android中全屏禁用元视口。我犯了什么错误，或者没有人记录下来？在全屏

时也会禁用捏合和缩放

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

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

Answer 1

我可以通过使用网络应用清单的替代方法全屏显示。它不会干扰元视口。

以下是步骤

将此添加到头部：

<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。

Answer 2

不幸的是答案是否定的，您无法控制如何处理元视口属性。 “Full webpage and disabled zoom viewport meta tag for all mobile browsers”涵盖了全屏的许多Android和iOS版本。但是，您可以使用一系列浏览器/版本检测来解决已知错误。它并不优雅，但考虑到Android的碎片，可能是必要的。

在android chrome浏览器中

2 个答案: