2013-03-21 102 views
0

我有一个jQueryMobile页面,它在内容之后添加了一些空白区域。我如何删除它?我知道页面中没有页脚,是这个原因吗?任何建议非常感谢。在jQuery Mobile中移除页面底部的空白空间

<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> 
+0

如果它不是一个问题邮件我的网页,我会为你修复它。 – Gajotres 2013-03-21 16:44:27

+0

您是否找到解决该问题的解决方案? – 2014-02-13 12:54:58

+0

如果有人被困在此,请参阅重复问题上的答案:http://stackoverflow.com/questions/15682642/jquery-mobile-and-iphone-white-space-in-the-bottom-of-the-页/ 34047696#34047696 – Ryan 2015-12-02 16:24:36

回答

0

你是什么意思空白?

我试过你的页面,它工作得很好

看看这个fiddle

你的意思是里面的内容标题栏和第一个元素之间的空间(在上述情况下的按钮)?

然后你就可以如果u使用JQM 1.2.0做款式如下

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

Check out this fiddle

+0

谢谢你的answer.but我不认为我正确地提出了我的问题。内容后出现的空白,我认为它是因为没有足够的内容。它类似于这个人的问题http://img248.imageshack.us/img248/5922/jquerymobile.png但在我的情况下,我没有有一个页脚。奇怪的是,如果方向改变为风景,那么白色空间消失,并且当它变成白色时,它会回来 – manraj82 2013-03-21 17:38:08

0

。在min.css中,在ui-page {min-height:420px}中将min-height改为400px。希望对你有帮助!!