固定工具栏上的 1px 空间 - jQuery Mobile 在 Microsoft Surface 上使用 Cordova答案

【问题标题】：1px space on fixed toolbar - jQuery Mobile using Cordova on Microsoft Surface固定工具栏上的 1px 空间 - jQuery Mobile 在 Microsoft Surface 上使用 Cordova
【发布时间】：2015-02-14 01:45:04
【问题描述】：

我正在使用 jQuery Mobile 构建一个应用程序，并在 Windows Surface 上将它与 Cordova 一起使用。

我的页面内容之外有一个固定的持久页脚。

在屏幕上查看时，页脚在屏幕底部有 1px 的空间，在工具栏的右侧还有 1px 的空间。

我尝试将 .ui-page、body 和 html 元素设置为 100%，但没有成功。

滚动 Lorem Ipsum 文本时，您可以在屏幕截图中看到，您可以看到文本滑过白线区域。

注意：在左窗格的应用程序下方，很难看到图像最底部的白线。

【问题讨论】：

标签： cordova jquery-mobile pixelsense

【解决方案1】：

嗯，通过排除的过程，我能够找到罪魁祸首。

我在我的项目中包含了 Bootstrap 3，它包含以下 CSS 声明，该声明将 Cordova 内部表面上的所有内容都搞砸了。

@-ms-viewport {
  width: device-width;
}

【讨论】：