在屏幕旋转iOS webapp更改视口和崩溃

时间:2015-04-29 17:11:19

标签: viewport iphone-standalone-web-app ios-web-app

我创建了一个基于网络的移动游戏并使用“添加到主屏幕”功能,允许用户将其作为应用添加到他们的iOS设备。

然而,最近它开始出现故障。它一直没有问题,但可能在iOS 8.3更新后开始表现。这是我头脑中的代码,最近没有改变,所以不应该是问题:

<meta name="viewport" content="width=590px, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

当我到达登录屏幕时,它可以正常工作,但是在横向登录后,左右突然有边距。如果我以纵向登录,则没有边距。如果我将手机从带有边距的横向旋转到纵向,它会正常显示,如果我将其向后旋转,边距会突然增加很多,如果我再次尝试旋转设备则会崩溃。

我已经采取了一些屏幕来显示问题:

  1. http://i.imgur.com/o2Jr8af.png
  2. http://i.imgur.com/Q6ZOXuj.png
  3. http://i.imgur.com/7bGoc42.png
  4. http://i.imgur.com/Mh8hsml.png
  5. 在最后一次截图之后,webapp就崩溃了。它只显示webapp中的这种行为,如果我通过Safari访问游戏,我的Android应用程序(在WebView中加载网站)或桌面与模拟用户代理网站正常运行。

    我尝试删除网络应用,重新启动手机并将其添加回主屏幕无效。我首先猜到这是一个缓存问题,但在Safari中正确查看网站之后应该已经解决了。

    对于那些想要尝试自己的人来说,游戏是www.reincarnationgame.com

0 个答案:

没有答案
相关问题