5

我的应用显示移动设备的一些页面。此类页面已<viewport>仔细计算标签,以便它们 100% 适合设备屏幕,例如:

<meta id="sysviewport" name="viewport" content="initial-scale=0.79, minimum-scale=0.79, maximum-scale=0.79, user-scalable=no, width=device-width"> 

在应用程序中,您可以通过调用 HTML5 api 进入全屏模式:

$(document.documentElement).fullScreen(true);

(jQuery 模块只是调用requestFullScreen()寻找供应商前缀等。)

发生的情况是,在全屏模式下,视口比例被忽略(我猜重置为“1”)。当我退出全屏模式时,视口比例再次得到尊重。

这是一个错误吗?文档中的灰色区域?还是全屏模式的预期功能?任何人都可以确认这也发生在移动 Safari 上吗?

<body>我在全屏模式下通过 azoom或手动缩放了自己transform,但与缩放相比,性能很糟糕viewport

4

0 回答 0