build.phonegap android分歧

我正在用jquery mobile創建一個移動項目。我寫了這些代碼。它在safari（mac-yosemite）和PhoneGap模擬（emulate.phonegap.com）上完美工作。但是，當我在build.phonegap.com上進行調試並在我的Android設備（Samsung Note-4 Android 5.0）上運行時，文本太小。我編寫項目代碼並在此處放置屏幕截圖。有什麼問題，你能告訴我嗎？build.phonegap android分歧

腳本

<link rel="stylesheet" type="text/css" href="css/index.css" /> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
<link rel="stylesheet" type="text/css" href="stil.css" />

樣式

html, body{ 
    margin:0px; 
    padding: 0px; 
    top:0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
} 
a{ 
    text-decoration: none; 
} 

/*INTRO PAGE*/ 
#intro-page #content{ 
    margin: 0px; 
    padding: 0px; 
    top:0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    z-index: 0; 
} 

#intro-page #content img{ 
    width: 100%; 
    height: auto; 
    z-index: 5; 
    position: fixed; 
} 

#intro-page #content #giris-yap{ 
    z-index: 10; 
    background: none; 
    border: none; 
    position: fixed; 
    bottom: 25%; 
    width: 100%; 
} 
#intro-page #content p{ 
    z-index: 10; 
    position: fixed; 
    bottom: 15%; 
    color: black; 
    font-family: 'Myriad Pro'; 
    font-size: 20px; 
    text-align: center; 
    width: 100%; 
    text-transform: capitalize; 
    box-shadow: none; 
    text-shadow: 0px 0px 0px black; 
} 
#intro-page #content #giris-yap h2{ 
    color:black; 
    text-align: center; 
    text-shadow: 1px 1px 1px white; 
    font-size: 32px; 
} 
/*INTRO PAGE END*/

HTML

<div data-role="page" id="intro-page"> 
     <div data-role="content" id="content"> 
      <img src="img/bg.jpg" alt=""> 
      <a href="#main-page" data-role="button" id="giris-yap" data-transition="flip" data-shadow="false"> <h2> GİRİŞ YAP </h2></a> 
      <p data-shadow="false"> Bu deneyimi yaşamak için hemen giriş yapın :)</p> 
     </div> 
    </div> <!-- intro-page-end -->

Android的SS - >http://i60.tinypic.com/zsscbs.png

來源

2015-10-08 Muhammed Yusuf Taşkesenligil

Safari的SS - > http://i62.tinypic.com/155to5z.png –

模擬SS - >的http：// I57 .tinypic.com/furlog.png –

元標記在您的應用程序中處於什麼狀態？ – Dilberted

這很可能是由於裝置的像素貝因g在所有三種設備中都不同。你有沒有設置meta標籤？

<meta name="viewport" id="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />

來源

2015-10-08 11:35:57 Dilberted

這裏是頭部標籤之間的全碼@Dilberted

<meta charset="utf-8" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <meta name="msapplication-tap-highlight" content="no" /> 
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 
    <link rel="stylesheet" type="text/css" href="css/index.css" /> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="stil.css" />

來源

2015-10-08 11:47:31

嘿，有沒有人可以幫助我？ –

build.phonegap android分歧

回答

相關問題