Question

我是使用IBM MobileFirst和Ionic构建混合移动应用程序的初学者。目前，我能够在MobileFirst Console模拟器，模拟器以及Android移动设备中构建和运行我的应用程序。但是，只有当我删除<!DOCTYPE html>的声明时，所有这些都可以正常工作。如果包含<!DOCTYPE html>，则离线导航视图不起作用。

我提到了基于Ionic的IBM MobileFirst Starter Application样本。在示例中，使用ng-view而不是ion-nav-view，因此<!DOCTYPE html>的声明不会导致任何问题。

示例应用程序（Android）：https://github.com/user4706148/MobileFirstProject 有谁知道这个问题？

Answer 1

看起来它是自动生成并自动插入的worklight.css（可以在生成的Android项目＆gt; assets \ default \ www \ worklight \ worklight.css中找到）触发此问题。

我猜其中的CSS规则会根据使用的doctype进行不同的渲染。具体而言，这是由于以下规则而发生的：

body {
    position: relative;
}

您不能编辑此文件（因为它会在MFP Studio中的每个版本中重新生成），因此您可以在自己的应用程序的自定义.css文件中覆盖它。

这似乎工作正常：

body {
    position: none !important;
}

声明不适用于IBM MobileFirst中的Ionic离子导航视图

1 个答案: