Kατεβάσετε την εφαρμογή android του blog! DownLoad

FoulsCode: 2011-17

Translate

Πρόσφατα Σχόλια

Σύνολο αναρτήσεων

Συνολικές προβολές σελίδας

Εμφάνιση αναρτήσεων με ετικέτα google map. Εμφάνιση όλων των αναρτήσεων
Εμφάνιση αναρτήσεων με ετικέτα google map. Εμφάνιση όλων των αναρτήσεων

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

Written By Fouls Code on Τρίτη, 2 Δεκεμβρίου 2014 | Δεκεμβρίου 02, 2014



Καλησπέρα! Μπορείτε να ενσωματώσετε τα 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!


 ΠΗΓΗ
Δεκεμβρίου 02, 2014 | 0 σχόλια | Διαβάστε περισσότερα
 
berita unik