javascript - 如何优化移动网络应用程序（ext js 现代）

Question

我们已经创建了 Web 应用程序的测试版本。开发是在现代 extjs 框架 ( 6.2.0) 中进行的。所以这意味着应用程序必须是跨平台的。但是当手机使用该应用程序时，我会遇到以下情况：

1. 在 iOS 手机中，页面无法加载（几秒钟后出现错误）。在 Safari 和 Chrome 中。
2. Extjs 对象在不同的​​ android 设备上看起来很糟糕：表单对于这个显示来说太大或太小。页面（此应用为单页应用）加载缓慢..

UPD： IOS 12 Safari 错误消息：

此网页出现问题，因此已重新加载。

当我在 Android 版本 7 和 8 上使用 Xaomi Redmi 4 Note 或华为 P10 时，我得到了一个不好的看法。

问题

1. 什么配置定义了 Action Sheet 的大小和 Action Sheet 的字体特征？
2. 如何定义选择字段菜单的特征（大小和布局）？
3. 应用程序在 iOS 浏览器上无法正常工作的原因是什么？
4. 一些关于 extjs 多平台开发的建议或示例的链接

感谢所有 stackoverflow 用户！

标签： javascriptandroidextjsweb-applicationssencha-touch