在Sencha Touch 2中设置视口宽度

我的Sencha Touch 2应用在我的桌面浏览器上完美工作，但是当我在iPhone上测试时，视口设置不正确。我的应用程序有一个固定的布局，宽度为640像素。在iPhone 3G上，只有一半的应用程序被看到。检查生成的html我可以在<head>部分看到多个“视口”声明，例如在Sencha Touch 2中设置视口宽度

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

我想我必须设置视口宽度为640，并在<head>部的端部插入的代码：

<meta name="viewport" content = "width=640,initial-scale=1.0,user-scalable=no" />

但无济于事。为什么Sencha Touch会插入多个视口声明？我如何覆盖它？或者我需要做些什么才能以全角度显示应用程序？

任何帮助将非常感激。

来源

2012-03-27 Monkey King

关于元标记，width属性控制视口的大小。它可以设置为特定数量的像素，例如width = 600或特殊值设备宽度值，这是在100％的比例下，CSS像素中屏幕的宽度。

关于您的问题，可能有一些内容可能会超出设备的宽度，您可能需要添加滚动条或需要对sencha进行内置控制。

来源

2012-03-27 11:04:32 Maneesh

在Sencha Touch 2中设置视口宽度

回答

相关问题