Maximiser la taille de la div contenu en jquery mobile
-
26-09-2019 - |
Question
Comment optimiser la taille de la div qui joue le rôle de « contenu »?
Je reconnais que cela peut être simplement une question CSS de base, mais il se sent comme il est lié à CSS jquery mobile.
Je place une carte Google dans le div contenu et je voudrais la carte pour remplir l'espace verticle disponible sur le navigateur mobile. , Il est plutôt une taille fixe d'environ 10px (donner ou prendre).
<div data-role="page">
<div data-role="header" class="ui-header ui-bar-a">Header</div>
<div data-role="content" class="ui-body ui-content">
<div id="divMap">google map via javascript</div>
</div>
<div data-role="footer">footer</div>
Dans ce cas, crée toujours la jquery mobile taille minimale pour son contenu, et je veux toujours que ce soit 80% de la page disponible.
La solution
Vous pouvez probablement utiliser jQuery (je ne l'ai pas travaillé avec jQuery mobile, cependant, alors cela pourrait ne pas fonctionner directement):
$(document).ready(
function(){
$('#content').height($(window).height()*0.8);
}
);
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow