Question

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

<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会插入多个视口声明？我怎样才能覆盖它？或者我需要做什么才能以全宽显示应用程序？

非常感谢任何帮助。

Answer 1

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

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