iPhone上的extjs应用程序

问题描述:

这是一个extjs单页应用程序,可以在FF,IE和Safari中正常运行.

This is an extjs single-page application which works fine in FF, IE, and Safari.

在iphone中查看或使用此extjs应用程序存在一些问题. extjs面板/窗口不会像在正常屏幕中那样调整大小.当用户缩小时,扩展的查看区域将被覆盖.下面是一个示例图片:

There are several problems with viewing or using this extjs app in the iphone. The extjs panels/windows do not resize, as it would in a normal screen. When the user zooms out, the expanding viewing area is blanked out. An example image is below:

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

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

Viewport Issue: The main issue is with the viewport. It does not scroll or zoom properly in Iphone.

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

Rather than using viewport, I used a column layout panel container. Most of the extjs stuff works fine. I placed this container layout into a div and specified its height and width. Also, <meta name="viewport" content="height=700" />.