强制 Web 应用程序的横向方向模式
问题:
如何强制横向我的网络应用程序的模式不是为纵向设计的方向?
答案:
虽然以前不可能将 Web 应用程序锁定到特定方向,但 HTML5 的进步现在使之成为可能。
原始答案:
原始答案指出,锁定网站或应用程序特定方向是不可能的,因为它与设备的自然行为相冲突。但是,它提供了使用 CSS3 媒体查询和 JavaScript 方向更改事件检测设备方向的方法。
更新的答案(2014 年 11 月 12 日):
引入了通过 HTML5 Web 应用程序清单,开发人员现在可以为其应用程序强制使用方向模式。这是通过在manifest.json 文件中包含以下几行来完成的:
{ "display": "standalone", /* Could be "fullscreen", "standalone", "minimal-ui", or "browser" */ "orientation": "landscape", /* Could be "landscape" or "portrait" */ ... }
此外,必须使用以下方式在 HTML 文件中引用manifest.json 文件:
<link rel="manifest" href="manifest.json">
虽然浏览器对通过 webapp 清单锁定方向模式的确切支持仍不清楚,已知 Chrome 支持它。
以上是我可以强制 Web 应用程序横向吗?的详细内容。更多信息请关注PHP中文网其他相关文章!