Google maps en responsive design

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Google maps en responsive design

    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

  • #2
    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...

    Commentaire

    Annonce

    Réduire
    Aucune annonce pour le moment.

    Partenaire de l'association

    Réduire

    Hébergeur Web PlanetHoster
    Travaille ...
    X