Tip of the day! Πώς να κάνετε τα google maps responsive!

Καλησπέρα! Μπορείτε να ενσωματώσετε τα google map στην σελίδα σας.

Long story short: Το κλειδί εδώ είναι να συμπεριλάβετε το google map που θέλετε να κάνετε embed σε μία div μέσα πχ:

<!--GOOGLE MAPS IFRAME--->

 

</div>

και τα css που θα γράψετε γι αυτή την div είναι τα ακόλουθα:

s_div {

        position: relative;

        padding-bottom: 75%;

        height: 0;

        overflow: hidden;

    }

.gmaps_div iframe {

        position: absolute;

        top: 0;

        left: 0;

        width: 100% !important;

        height: 100% !important;

    }

 Αν κάνετε τα παραπάνω τότε τα gmaps σας θα είναι responsive!


 ΠΗΓΗ