rup*_*pps 5 html android google-chrome viewport html5-fullscreen
我的应用程序显示移动设备的一些页面。此类页面会<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">
Run Code Online (Sandbox Code Playgroud)
在应用程序中,您可以通过调用 HTML5 api 进入全屏模式:
$(document.documentElement).fullScreen(true);
Run Code Online (Sandbox Code Playgroud)
(jQuery 模块只是调用requestFullScreen()查找供应商前缀等。)
发生的情况是,在全屏模式下,视口比例被忽略(我猜是重置为“1”)。当我退出全屏模式时,视口比例再次受到尊重。
这是一个错误吗?文档中的灰色区域?或者是全屏模式的预期功能?也有人可以确认这种情况也发生在移动 Safari 上吗?
我<body>在全屏模式下通过 azoom或手动缩放自己做了一些测试transform,但与viewport缩放相比,性能很糟糕。
| 归档时间: |
|
| 查看次数: |
2459 次 |
| 最近记录: |