我有一个固定宽度布局为1280px的webapp。 我需要调整这个webapp用于移动设备。 基本上我需要通过缩放来填充整个设备屏幕宽度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相应地缩放固定布局以填充屏幕，而不会破坏布局？或者也许有更好的替代手机屏障？
答案 0 :(得分：0)
据我所知，你有一个固定的宽度，所以就是这个问题。
1280也很多：）
我建议您使用响应式框架构建您的网站，例如。 http://jquerymobile.com/
我总是使用：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">