Google maps en responsive design

[welcomeulm]

Bonjour à tous,

Sur un site, j'ai inséré une google maps en rentrant directement le code d'intégration de Google maps.

Hors sur mobile , cela mange toute la dimension du site. En etant plus clair, j'aimerais que la google maps s'ajuste automatiquement au template et quelque soit le support (tablette, ordi, smartphone)

Que dois je faire ? FAut il mettre quelque chose dans le code d'intégration de google maps ?

PAr avance merci

Pour info : je suis sou joomla 3.4.8

[welcomeulm]

Re : Google maps en responsive design

J'ai trouvé

1- Mettre
<div class="map-responsive">
<code google maps>
</div>

2- DAns le Css du template, mettre
.map-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

Pour moi ca marche sur portable smartphone...