如何让 iOS 渐进式网络应用 (PWA) 以横向模式启动当设备处于横向模式时?

问题描述

我一直在为这个问题而苦苦挣扎,我不确定这是设计使然还是我的错误。有时,通常在安装后,Web 应用程序实际上以横向模式启动,所以我希望它可以修复:)

现在,当我将手机放在一边并点击图标时,会发生以下情况:

  1. 显示纵向模式启动屏幕,
  2. 应用以纵向模式启动,
  3. 主页栏显示在手机的侧面,因此手机实际上处于纵向模式。
  4. 将手机转到纵向模式,然后再返回,使网络应用程序像我想要的那样旋转到横向模式(用户有时会将他们的手机连接到其他硬件,因此他们执行此操作很麻烦)。或者,我可以从应用程序切换,然后再切换回来,手机突然处于横向模式(虽然不是很直观)。

这是预期的行为,还是有任何 PWA 可以像我想要的那样指向我的工作?我尝试过 Twitter、Aliexpress 等,但没有成功。

我可以通过使用媒体查询

旋转 90 度来修复 (2),但随后主页栏挡住了屏幕一侧的控件。此外,以这种方式伪造横向模式会让用户感到困惑,因为用于调出控制中心等的常用控件必须从侧面完成。只是很奇怪。

任何指针将不胜感激!如果重要的话,我使用的是 iOS 14.7 并使用 iPhone 11 Pro Max。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)