Ios iphone上的extjs应用程序

这是一个extjs单页应用程序，在FF、IE和Safari中运行良好

在iphone中查看或使用此extjs应用程序时存在几个问题。extjs面板/窗口不会像在普通屏幕中那样调整大小。当用户缩小时，扩展的查看区域将消失。下图为示例图像：

• Iphone无法识别extjs的组合框
• 无法向下滚动

视口问题：

---

主要问题是视口。它无法在Iphone中正确滚动或缩放

Ext JS没有（也可能不会）针对移动设备进行优化。这就是Sencha Touch的用途，它是一个基于ExtJS构建的移动框架，专门用于iPhone和Android。我怀疑您是否会很幸运地使用标准ExtJS解决这些类型的问题。

我们在ExtJS和iPhone上遇到过同样的问题，在android设备上遇到了稍微不同但可比的问题。我猜这些浏览器报告屏幕大小的方式会混淆ExtJS，因此布局机制不起作用。由于Sencha Touch有一个类似于ExtJS的API，制作Sencha Touch版本的软件可能是使其在iDevices和Androids上正常工作的最聪明的方法。

我使用了列布局面板容器，而不是使用viewport。大部分extjs都可以正常工作。我将这个容器布局放在一个div中，并指定了它的高度和宽度。另外，

谢谢您的评论。我不需要优化它。我只是需要它来工作。我认为这主要是一个extjs视口问题。因为，extjs面板按预期向下滚动，并按预期收缩缩放。要使应用程序完全适应Sencha Touch，需要做很多工作。谢谢。除了为iphone开发另一个版本之外，似乎没有简单的解决办法。也许你可以检测iphone并破解ExtJS中试图确定屏幕大小的部分。这至少可以解决布局问题。当我们在iphone中使用收缩或缩放功能时，它不会触发调整大小事件。通过使用列布局和元视口，我取得了一些进展。