Адаптивная Google Карта на вашей WordPress странице

Перед тем как поместить Google карту на страницу, необходимо добавить следущие строки в .css файл стилей вашей страницы:

[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]

Когда это будет выполнено, можно добавить Google карту используя код указанный в примере:

[code language=»html»]

[/code]

Теперь ваша карта будет адаптивной и будет корректно отображаться на всех устройствах.

0 ответы

Ответить

Хотите присоединиться к обсуждению?
Не стесняйтесь вносить свой вклад!

Добавить комментарий

E-mail: info@itower.lv
2023 © Copyright - iTower.lv