0

谷歌 Nexus 手机提供了巨大的（对我而言）屏幕分辨率，而我所有的移动应用程序构建的 PhoneGap 看起来都很小。例如，在台式计算机上测试应用程序时，一切正常，但在将其编译并安装到 Google Nexus 手机上后，按钮变得很小，文本几乎无法阅读。

我正在使用 Twitter Bootstrap，但我担心我会在这款手机上的任何其他框架上得到类似的结果。

移动版网页在 Mobile Chrome 中显示时，可以轻松适应并可以在台式计算机或任何其他设备上使用。只有PhoneGap 的应用程序看起来那么小。

这个问题有什么简单的解决方法吗？

4

1 回答 1

1

默认情况下，Bootstrap 不支持响应式布局。它的解释非常专业：“默认情况下，Bootstrap 不包含响应式功能，因为并非所有内容都需要响应式。与其鼓励开发人员删除此功能，我们认为最好根据需要启用它”。

在部分中更改一个meta标签并将引用从普通 CSS 替换为响应式标签<head>确实解决了相关问题：

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

在这个简单的更改之后，PhoneGap 应用程序正确地适应大屏幕尺寸和密度，并以正确的尺寸显示 Bootstrap 元素。

于 2013-02-14T21:05:21.753 回答