这是一个 extjs 单页应用程序,在 FF、IE 和 Safari 中运行良好。
在 iphone 中查看或使用这个 extjs 应用程序有几个问题。extjs 面板/窗口不会像在普通屏幕中那样调整大小。当用户缩小时,扩大的查看区域被消隐。示例图像如下:
- Iphone 无法识别 extjs 的组合框。
- 无法向下滚动。
视口问题:主要问题是视口。它不能在 Iphone 中正确滚动或缩放。
这是一个 extjs 单页应用程序,在 FF、IE 和 Safari 中运行良好。
在 iphone 中查看或使用这个 extjs 应用程序有几个问题。extjs 面板/窗口不会像在普通屏幕中那样调整大小。当用户缩小时,扩大的查看区域被消隐。示例图像如下:
视口问题:主要问题是视口。它不能在 Iphone 中正确滚动或缩放。
Ext JS 没有(也可能不会)针对移动设备进行优化。这就是 Sencha Touch 的目的,它是基于 Ext JS 构建的移动框架,专门用于 iPhone 和 Android。我怀疑使用标准 Ext JS 解决这些类型的问题你会很幸运。
我们在 ExtJS 和 iPhone 上遇到过同样的问题,在安卓设备上也遇到过稍微不同但可比较的问题。我猜这些浏览器报告屏幕尺寸的方式让 ExtJS 感到困惑,所以布局机制不起作用。由于 Sencha Touch 有一个类似 ExtJS 的 API,所以制作一个 Sencha Touch 版本的软件可能是让它在 iDevices 和 Androids 上正常工作的最聪明的方法。
我没有使用视口,而是使用了列布局面板容器。大多数 extjs 的东西都可以正常工作。我将此容器布局放入一个 div 并指定它的高度和宽度。还,<meta name="viewport" content="height=700" />.