iphone - 如何在Xpages Mobile App中覆盖Mobile CSS

我正在写一个iPhone应用程序，其中包含一些Xpages。在Xpages中，我使用的是“单个应用程序页面”，然后是“应用程序页面”。他们的工作相当流畅。

但是，在我的第一页中，我得到了一个我不想要的44px空间。我注意到有CSS导致此：

.mblView {
padding top: 44px !important;
}

我在这里有一张图片：

http://www.flickr.com/photos/28998410@N06/

我该如何覆盖该CSS，以免在顶部出现那个看起来很恐怖的栏。

任何帮助将不胜感激。

布赖恩

最佳答案

之所以有44px的填充，是因为设计需要在内容之前添加标题。标题需要44px空间。这是一个包含标题的简单示例：

<xe:appPage id="appPage1" pageName="homePage" resetContent="false">
    <xe:djxmHeading id="homePageHeading" label="Heading"></xe:djxmHeading>
    <xe:djxmRoundRectList id="djxmRoundRectList1">
        Content
    </xe:djxmRoundRectList>
</xe:appPage>

您可以使用以下内容创建自己的自定义css，并将其作为样式表资源添加到XPage。这应该覆盖标准CSS：

.mblView {
    padding-top: 0px !important;
}

关于iphone - 如何在Xpages Mobile App中覆盖Mobile CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18964104/