我有一个 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?