<!DOCTYPE html> 的声明不适用于 IBM MobileFirst 中的 Ionic 离子导航视图
Declaration of <!DOCTYPE html> does not work with Ionic's ion-nav-view in IBM MobileFirst
我是使用 IBM MobileFirst 和 Ionic 构建混合移动应用程序的初学者。目前,我能够在 MobileFirst Console 模拟器、仿真器以及 Android 移动设备中构建和 运行 我的应用程序。但是,只有当我删除<!DOCTYPE html>
的声明时,所有这些才能正常工作。如果包含 <!DOCTYPE html>
,ion-nav-view 将不起作用。
我参考了基于 Ionic 的 IBM MobileFirst Starter Application 样本。在示例中,使用 ng-view 而不是 ion-nav-view,因此 <!DOCTYPE html>
的声明不会导致任何问题。
示例应用程序(Android):https://github.com/user4706148/MobileFirstProject
有人知道这个问题吗?
貌似是自动生成自动插入的worklight.css(可以在生成的Android项目>assets\default\www\worklight\worklight.css中找到)触发此问题。
我猜其中的 CSS 规则根据使用的文档类型呈现不同。具体来说,这是由于以下规则而发生的:
body {
position: relative;
}
您不得编辑此文件(因为它会在 MFP Studio 中的每个构建时重新生成),因此您可以做的是在您自己的应用程序的自定义 .css 文件中覆盖它。
这似乎工作正常:
body {
position: none !important;
}
我是使用 IBM MobileFirst 和 Ionic 构建混合移动应用程序的初学者。目前,我能够在 MobileFirst Console 模拟器、仿真器以及 Android 移动设备中构建和 运行 我的应用程序。但是,只有当我删除<!DOCTYPE html>
的声明时,所有这些才能正常工作。如果包含 <!DOCTYPE html>
,ion-nav-view 将不起作用。
我参考了基于 Ionic 的 IBM MobileFirst Starter Application 样本。在示例中,使用 ng-view 而不是 ion-nav-view,因此 <!DOCTYPE html>
的声明不会导致任何问题。
示例应用程序(Android):https://github.com/user4706148/MobileFirstProject 有人知道这个问题吗?
貌似是自动生成自动插入的worklight.css(可以在生成的Android项目>assets\default\www\worklight\worklight.css中找到)触发此问题。
我猜其中的 CSS 规则根据使用的文档类型呈现不同。具体来说,这是由于以下规则而发生的:
body {
position: relative;
}
您不得编辑此文件(因为它会在 MFP Studio 中的每个构建时重新生成),因此您可以做的是在您自己的应用程序的自定义 .css 文件中覆盖它。
这似乎工作正常:
body {
position: none !important;
}