0

我有一个 1280 像素的固定宽度布局的 web 应用程序。我需要将此网络应用程序改编为移动设备。基本上我需要通过相应的缩放来填充整个设备屏幕宽度 1280px。我设法通过使用具有固定宽度的视口元标记来做到这一点。

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

它在移动 chrome 浏览器中运行良好。

现在我需要将这个 webapp 包装在移动应用程序中。我选择了Phonegap,但事实证明它的效果不如chrome浏览器。它不做任何缩放,一切都是巨大的。

我怎样才能让它工作?甚至可以使用 phonegap 相应地缩放固定布局以填充屏幕而不破坏布局?或者也许有更好的选择来代替phonegap?

4

1 回答 1

0

我的理解是,你有一个固定的宽度,所以这就是问题所在。

1280也很多:)

我建议您使用响应式框架构建您的网站,例如。http://jquerymobile.com/

我总是使用:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
于 2013-09-03T20:10:25.730 回答