我的应用显示移动设备的一些页面。此类页面已<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
。