Adaptīva Google Karte jūsu WordPress lapā
Pirms pievienot Google karti ir nepieciešams pievienot papildus rindas jūsu weblapas .css failam:
[code language=”css”]
.google-maps {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
[/code]
Kad tas tika izdarīts, varat pievienot Google karti, ievietojot html kodu, ka ir norādīts piemērā:
[code language="html"] [/code]
Tagad Jūsu karte būs adaptīva un tiks korekti atspoguļota visās ierīcēs.
Atbildēt
Vēlies pievienoties diskusijai?Jūtieties brīvi, lai veicinātu!