Гугл карта на мобільному пристрої

а також jquery, bootstrap.
Мобільні шаблони.
Відповісти
Аватар користувача
my3uka
SEO Master
Повідомлень: 102
З нами з: Нед жовтня 18, 2015 8:33 am
Звідки: Ukraine

Гугл карта на мобільному пристрої

Повідомлення my3uka » Сер січня 16, 2019 3:43 pm

Часто буває, що на мобільному дивайсі карта гугл вилазить за розміри (межі) сайта.

Як це можна пофіксити?

Берем код iframe google map. Поміщяємо його в блок div і прописуємо йому стилі

Код: Виділити все

<div class="map-responsive">
    <iframe src="https://www.google.........
</div>
І сам власне css:

Код: Виділити все

.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;
}
Ось і все малята....
Рекомендую - VPS

Відповісти

Хто зараз онлайн

Зараз переглядають цей форум: 1 і 0 гість