Question

我有一个jQueryMobile页面，在内容后添加了一些空格。我该如何删除它？我知道我的页面没有页脚，是这个原因吗？任何建议都非常感激。

<div data-role="page" id="home">
        <div data-role="header">
            <h1></h1>
        </div>

        <div data-role="content">
            <div class="message"></div>
            <a data-role="none" href="" id="btn_loginEmail" class="button"></a>
            <a data-role="none" href="" id="btn_loginFacebook" class="button"></a>
        </div>
</div>

Answer 1

白色空间是什么意思？

我已经尝试了你的页面，它运行得很好

查看此fiddle

你的意思是标题栏和内容中的第一个元素之间的空格（在上面的例子中是按钮）？

然后你可以做如下的风格

.ui-content{
    margin-top: -23px;
}

Check out this fiddle

Answer 2

如果你正在使用jqm 1.2.0。在min.css中，在ui-page {min-height：420px}中将min-height更改为400px。希望它对你有用!!

在jQuery Mobile中删除页面底部的空白区域

2 个答案: