jQuery移動頭iphone safari

我有一個很奇怪的問題，我的移動網站。jQuery移動頭iphone safari

我在網站上使用jQuery Mobile。它在其他設備上運行良好，但iPhone safari沒有正確顯示標題。下面是iPhone Safari瀏覽器的屏幕 -

Safari Screen

它應該像下面 -

Android Screen

這裏是頭代碼我使用 -

<div data-role="header" data-theme="c" data-tap-toggle="false"> 

    <div style="height: 40px; border: 0px;" class="ui-header ui-bar-a"> 

     <a href='#' class='ui-btn-left' data-icon='arrow-l' 
      data-direction="reverse" 
      onclick="location.href='index.php#mainmenu'; return false;">Back</a> 
     <div style="text-align: center;"> 
      <img src="images/mytechlogy_full_white_text_bigM.png" 
       style="width: 200px; padding-top: 5px;" /> 
     </div> 
     <a href="#" class='ui-btn-right' data-icon='home' 
      data-iconpos="right" 
      onclick="location.href='index.php#mainmenu'; return false;">Home</a> 
    </div> 

    <div 
     style="height: 20px; background: #FF9933; vertial-align: middle; padding: 0px; border: 0px;"> 
     <span id="page-title" 
      style="text-align: left; margin-top: 4px; padding-left: 5px;">My 
      Profile</span> 
    </div> 

</div>

請幫我在這。

來源

2012-12-06 Pawan

加入data-position =「fixed」解決了這個問題。

<div data-role="header" data-theme="c" 
     style="text-align: center; height: 60px;" data-tap-toggle="false" data-position="fixed">

來源

2012-12-06 06:36:30 Pawan

jQuery移動頭iphone safari

回答

相關問題