IOS9 webapp 方向问题 - Sencha 1.0 版

Posted

技术标签:

【中文标题】IOS9 webapp 方向问题 - Sencha 1.0 版【英文标题】:IOS9 webapp orientation issue - Sencha version 1.0 【发布时间】:2015-10-19 10:47:21 【问题描述】:

我们正在使用 Sencha1.0 进行 webapp 开发。在ios9版本中,我们面临以下问题。 在初始页面加载时,页面看起来不错。当您尝试将设备方向更改为横向并返回纵向时,所有图像图标和文本都会调整大小(小)。 我们尝试了 -webkit-transform : rotate(-90);它不起作用。 请提出原因和任何解决方案。

【问题讨论】:

这个所谓的“Sencha1.0” Sencha Touch 是什么版本的? iOS 9 也比较新,可能是 Sencha Touch 本身的 bug,iOS8 也有吗? 不,我们没有遇到 iOS 8 的问题。该问题仅出现在 iOS9 和 android4 版本的设备上。 您使用的是什么版本的 Sencha Touch?这可能是一个错误,已在后续版本中修复。检查release notes,如果您不确定您运行的是什么版本,只需在控制台中执行Ext.version。因为如果它在 iOS8 上正常工作,它似乎是一个框架错误。 我们使用的是 Sench touch 1.1.1 。请让我知道是否有任何解决此问题的方法,而无需更改升级框架。 【参考方案1】:

Sencha Touch 1.1.1 确实是相当老的框架版本了。

并且已经对框架进行了许多错误修复。移动操作系统的新版本经常会破坏一两件事。您可能还会看到运行 Chrome 43+ 的 an issue on Android devices

如果您已经完成了一个应用程序并且这是您看到的唯一问题,您可以通过应用覆盖来解决此问题。 (您可以检查较新版本的框架并参与解决问题的部分) - 但它可能真的很难找到。此外,您甚至可能无法获得 Sencha 支持,因为不再支持 Touch 1。

但如果您正在开发新的应用程序,最好的选择是升级到 Touch 2.4.2

Sencha Touch 的主要版本应该可以免费下载。

我知道这不能解决问题,但答案太长,无法发表评论。

【讨论】:

以上是关于IOS9 webapp 方向问题 - Sencha 1.0 版的主要内容,如果未能解决你的问题,请参考以下文章

ios9中的强制方向

iOS9:替代 UIDevice.currentDevice().setValue(...) 强制方向

Sencha touch - 滚动子也滚动父

如何将启动图像添加到 Sencha Touch 2 应用程序?

sencha 中的谷歌地图处理

如何使用 HTML 5 Web 应用程序在 iPad 上离线播放视频(使用 Sencha touch 或其他方式)