Android 基于平台的Cordova覆盖css

我正在使用最新版本的Cordova引导程序为android和WindowsPhone8构建一个应用程序

我有一个引导导航栏固定的底部div为我的主顶层视图定义

在android设备上，导航栏将覆盖窗口底部附近的内容。要解决此问题，我需要指定以下css样式：

body {
    padding-bottom: 70px;
}

在.css文件中

在WindowsPhone8上，导航栏似乎在页面上方浮动70像素

按照Cordova文档中推荐的指南，我为两个平台的顶级“merges”文件夹添加了overrides.css文件。android版本与上面相同，但wp8文件的填充底部指定为0px。我还将overrides.css的空白副本添加到我的顶级/www文件夹中。此应用于主体的样式仅在overrides.css中定义

然后在主index.html文件中加载overrides.css

在我的android设备上加载代码时，“merges/android”目录中的主体样式似乎没有得到应用。导航栏返回到覆盖我页面的一部分，不允许我进一步向下滚动

在wp8上，它仍然在页面底部上方浮动

我尝试在main.css文件前后加载overrides.css。我还确保main.css中的任何内容都不能覆盖body属性。我还从我的顶层/WWW文件夹中删除了空白覆盖。 似乎只有将主体css放在顶层/www overrides.css文档中，我才能让它工作。这不是我想要的，因为它应该被替换

---

哪些因素可能会阻止平台特定的车身造型正确应用

您可以通过使用 设备平台

---

根据平台的不同，指定css。例如，如果device.platform返回Android，那么您可以应用现有的css，或者如果它返回WinCE或Win32NT，那么您可以为Windows Phone指定另一个css。

@thatrohit的建议在您不想处理CLI合并功能的情况下也有效，但是我发现了解决问题的方法

事实证明，Cordova CLI创建的merges文件夹必须与“/www”根文件夹下的所有内容具有相同的文件夹结构

我试图覆盖的.css文件位于“/www/css”中

在merges文件夹中，我缺少“/css”子文件夹，并且有类似于“merges/Android/overrides.css”的内容，而它应该是“merges/Android/css/overrides.css”