使用 iOS Web 应用的元标记锁定方面

Posted 2023-03-12

【中文标题】使用 iOS Web 应用的元标记锁定方面

【英文标题】：Lock aspect using meta tag for iOS web app

【发布时间】：2010-09-14 02:52:35

【问题描述】：

我想知道是否可以使用元标记或任何方式锁定纵横比？

我正在制作一个目标平台是 iPad 的网络应用程序，但只有当它始终处于横向时才有意义，并且我希望确保无论设备方向如何，它都始终以这种方式呈现。

【参考方案1】：

在加载您的网络应用程序时，无法强制 Mobile Safari 使用特定方向。

考虑到您的情况，我能想到的唯一可行的选择是使用 javascript 或 CSS 检测方向，如果它是纵向（或倒置纵向），您会显示一条消息，告诉用户旋转他们的 iPad 而不是立即显示 Web 界面。一旦方向更改为横向（或网络应用程序以该方向加载），呈现您的网络界面。

【参考方案2】：

为window.onorientationchange添加一个事件监听器，当你捕捉到事件后，你可以使用window.orientation来检测当前的方向并建议用户旋转设备。