2016-08-27 3 views
0

좋은 하루로 이동, 내 문제는 안드로이드 4.4과 왼쪽으로 개체 이동로와 같은 4.3 그것을 코르도바입니다 :코르도바 모든 개체가 왼쪽

enter image description here

그러나 안드로이드 5.0는 같은 페이지의

enter image description here

코드 :

,536,913,632 10
<head> 
    <meta charset="utf-8" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" /> 
    <link rel="stylesheet" href="css/phonon.css" /> 
    <style> 
     .uvitani { 
      font-size: 250%; 
      margin: 0; 
      color: white; 
      position: absolute; 
      top: 40%; 
      left: 50%; 
      margin-right: -50%; 
      transform: translate(-50%, -50%) 
     } 

     .tlacitko { 
      margin: 0; 
      color: #0084e7; 
      background-color: white; 
      position: absolute; 
      bottom: 0; 
      left: 50%; 
      margin-right: -50%; 
      transform: translate(-50%, -50%) 
     } 
    </style> 
</head> 
<script type="text/javascript" charset="utf-8"> 
    function barva() { 
     document.addEventListener("deviceready", onDeviceReady, false); 
    } 
    function onDeviceReady() { 
     if (cordova.platformId == 'android') { 
      StatusBar.backgroundColorByHexString("#0065b3"); 
     } 
    } 
</script> 

<body style="background-color: #0084e7;" onload="barva();"> 
    <center> 
     <p class="uvitani">Vítejte v aplikaci ISAS&nbsp;do&nbsp;kapsy</p> 
     <button class="btn tlacitko" onclick='document.location="styl.html";'>Pokračovat</button> 
    </center> 
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script> 
</body> 

</html> 

사람이 안드로이드 4.4에서 볼뿐만 아니라 안드로이드 5.0

답변

1

그냥 웹킷 접두어를 사용 (이 오류 계산에 상태 표시 줄의 smozřejmě), 크롬 (30) (에서와 그 안드로이드의 웹보기의 그것을 해결하는 방법을 알고 있나요 4.4 폰) 아마 변환 속성을 지원하지 않습니다 :

.uvitani { 
    font-size: 250%; 
    margin: 0; 
    color: white; 
    position: absolute; 
    top: 40%; 
    left: 50%; 
    margin-right: -50%; 
    transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, 50%); 
} 

.tlacitko { 
    margin: 0; 
    color: #0084e7; 
    background-color: white; 
    position: absolute; 
    bottom: 0; 
    left: 50%; 
    margin-right: -50%; 
    transform: translate(-50%, -50%) 
    -webkit-transform: translate(-50%, -50%) 
} 
관련 문제