ExtJS网络显示在Chrome切换设备模式和移动浏览器上是不同的。

Question

嗨，我试图构建一个可以通过移动浏览器使用的web应用程序。

首先，我开发了网络，并通过Chrome模拟了移动模式。

​

​

然而，我使用的移动连接到网站，显示是不一样的Chrome。

​

​

我不知道怎么解决这个问题。有人能给我一些建议或者谷歌的关键词吗？

谢谢

Answer 1

我找到了解决办法。

在ext-all.js中，有一个函数initMeta来设置元。

initMeta: function() {
                var me = this,
                    maxScale = me.maxUserScale || 1;

                me.addMeta('viewport', 'width=device-width, initial-scale=1, maximum-scale=' +
                       maxScale + ', user-scalable=' + (maxScale !== 1 ? 'yes' : 'no'));
                me.addMeta('apple-mobile-web-app-capable', 'yes');
            },

我们可以修改initial-scale值，使其小于1。

希望这个伎俩能帮到别人。

更新

我认为这是避免修改ext-all.js的更好方法。

当app.js执行启动函数时，我添加以下代码：

launch: function() {
    if (Ext.supports.Touch) {
        var head = Ext.getHead(),
            viewportMeta = head.dom.getElementsByTagName('meta')[0];

        viewportMeta.setAttribute('content', 'width=device-width, initial-scale=0.5, maximum-scale=1, user-scalable=yes');
    }
}