3

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

在 iphone 中查看或使用这个 extjs 应用程序有几个问题。extjs 面板/窗口不会像在普通屏幕中那样调整大小。当用户缩小时,扩大的查看区域被消隐。示例图像如下:

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

替代文字

视口问题:主要问题是视口。它不能在 Iphone 中正确滚动或缩放。

4

3 回答 3

3

Ext JS 没有(也可能不会)针对移动设备进行优化。这就是 Sencha Touch 的目的,它是基于 Ext JS 构建的移动框架,专门用于 iPhone 和 Android。我怀疑使用标准 Ext JS 解决这些类型的问题你会很幸运。

于 2010-09-28T15:14:37.993 回答
1

我们在 ExtJS 和 iPhone 上遇到过同样的问题,在安卓设备上也遇到过稍微不同但可比较的问题。我猜这些浏览器报告屏幕尺寸的方式让 ExtJS 感到困惑,所以布局机制不起作用。由于 Sencha Touch 有一个类似 ExtJS 的 API,所以制作一个 Sencha Touch 版本的软件可能是让它在 iDevices 和 Androids 上正常工作的最聪明的方法。

于 2010-09-28T15:18:44.983 回答
1

我没有使用视口,而是使用了列布局面板容器。大多数 extjs 的东西都可以正常工作。我将此容器布局放入一个 div 并指定它的高度和宽度。还,<meta name="viewport" content="height=700" />.

于 2010-09-29T20:26:25.097 回答