Android的webview视口 - 不能正常工作

Question

我正在通过电话通过eclipse在win7上编写这个应用程序。

我声明了一个视口元标记这样：

<meta name="viewport" content="width=600" /> 

根据该文档，这应该使手机的视口600个像素跨越。

我的布局是600像素宽（去图）。

但是，当我在2.1（3 api）AVD WVGA800（800x480）中加载此项目时，屏幕右侧约有120个像素。它的视口仍然设置为“480”，尽管我指定了600.

无论我改变这个，没有任何改变。

这里有什么问题？我错过了明显的东西吗？

Answer 1

我实际上已经想通了 - 如果通过java onCreate函数设置其他一些设置，则将视口设置为特定宽度是可行的。问题是，在我工作之后，当你选择一个输入时，在键盘出现之后，视口会放大，然后在没有给用户缩放控制的情况下无法取消缩放。

我能够通过创建一个jquery插件.phoneGapScale（），它在元素上调用时将根据设备的视口调整其基于像素的所有宽度。在将视口宽度设置为设备宽度后，这是当然的。

我写的插件有点粗糙，它有点混乱DOM（在这种情况下对我来说无所谓），因为没有办法检查css值是否通过jQuery实际设置，因为检查css即使没有在css中指定任何值，值总是会返回0px。

所以每次我扔在尺寸调整功能onDeviceReady元素，结束了一个风格的标签是这样的：风格=“FONT-SIZE：Xpx;保证金左：Xpx;保证金右：Xpx;等等等等

我会发布该插件后，我清理并正确记录使用。

在任何情况下，这种方法有我的固定宽度的应用程序在每一个可能的屏幕比例和DPI每个设备上工作。

它甚至优雅地移植到iphone。

Answer 2

如果它不是太大，你可以包含你的css文件吗？我认为这可能与此有关。