comment faire notice carte hauteur variable

dans mon Application je faisais div de map comme

<div id="map" style="height: 610px; width:100%"></div>

mais pour rendre ma carte réactive je veux faire la hauteur aussi 100%, Si je fais height: 100% alors ça ne marche pas.

Comment puis-je faire varier la hauteur comme la largeur pour que la carte puisse être vue correctement sur n'importe quel périphérique.

Démo : http://jsfiddle.net/CcYp6/

si vous changez la hauteur et la largeur de la carte, alors vous n'obtiendrez pas de carte.

25
demandé sur vaibhav shah 2013-05-14 16:41:36
la source

3 ответов

Vous devez définir les éléments de parent height: 100%; premier

html, body {
   height: 100%;
}

Démo

Démo (Cela ne fonctionnera pas tant que les parents ne la hauteur est définie)

Explication: Pourquoi avez-vous besoin de faire cela? Ainsi, lorsque vous spécifiez la hauteur d'un élément dans % 1ère question qui se pose est: 100% de quoi? Par défaut, un div a une hauteur de 0px, donc 100% un div n'est tout simplement pas de travail, mais réglage de l'élément parent height100%; fonctionne.

24
répondu Mr. Alien 2016-07-29 02:19:53
la source

vous devez définir la taille de div avec JavaScript.

$("#map").height($(window).height()).width($(window).width());
map.invalidateSize();

Vous pouvez trouver un exemple complet ici.

22
répondu jgillich 2013-05-14 20:33:31
la source

utiliser height= "100vh" fonctionne dans le navigateur plus récent. mais son ok.

5
répondu user8207609 2017-06-24 03:52:55
la source

Autres questions sur