application Phonegap ne pas remplir d'abord 100% de la hauteur de la fenêtre

J'ai un problème lors du test d'une application phoengap sur mon téléphone intelligent Samsung Galaxy. Sur la charge initiale, le corps neapplication Phonegap ne pas remplir d'abord 100% de la hauteur de la fenêtre

remplit pas 100% de la hauteur de la fenêtre (voir l'image). Cela se produit indépendamment du fait que le téléphone est en mode portrait ou paysage. Cependant, dès que le téléphone est tourné, le contenu remplit toute la hauteur. Et le problème n'apparaît pas sur chaque charge future, seulement si j'ai effacé le cache.

Est-ce que quelqu'un sait ce qui pourrait causer cela?

Voici le balisage:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 

    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 
     <title>Untitled Document</title> 
     <style> 
     html, body { 
      background:#CC9; 
      height: 100vh; 
      min-height: 100vh; 
     } 
     </style> 
    </head> 

    <body> 
     hello 
    </body> 

    </html>

Source

2017-03-29 user1267980

est l'écart où la barre de navigation serait si le téléphone n'a pas eu des contrôles physiques?

j'ai rencontré un problème similaire avec la barre de menu sur ma galaxie J5 sur la reprise. Je l'ai résolu en utilisant cordova-plugin-statusbar, puis en ajoutant le code à onResume pour forcer un rafraichissement

window.setTimeout(function() { StatusBar.hide(); console.log("hidden"); }, 1000);

Je vois qu'il ya un cordova-plugin-navigationbar (mais n'a pas regardé plus loin) - peut-être qu'une approche similaire fonctionnerait pour votre problème?

Source

2017-03-29 11:31:32 MStoner

Vous devriez essayer d'appliquer à une application depuis fullscreen manifeste. –

Merci pour vos réponses. Je n'avais pas pensé à regarder dans le réglage de la barre de navigation ou à appliquer le mode plein écran. Dans mon fichier config.xml, j'ai changé la valeur du nom de préférence fullscreen de 'true' à 'all'. Et cela a réglé le problème. – user1267980

application Phonegap ne pas remplir d'abord 100% de la hauteur de la fenêtre

Répondre

Questions connexes