2013-03-21 196 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。希望對你有幫助!!