sizannn

Карта выходит за границы страницы в мобильном устройстве

6 сообщений в этой теме

Здравствуйте. Столкнулся с такой ситуацией: вставляю фрейм карты (гугла или др.) на страницу сайта - все нормально отображается, но в мобильном устройстве карта выходит за поля страницы. Подскажите, пожалуйста, как сделать, чтобы карта адаптировалась под экран мобильного и нормально отображалась на ширину экрана, не выходила за поля (границы) страницы. Насколько известно, скрипт надо заключить в определенный тег, но не знаю в какой. Надеюсь на Вашу помощь. Спасибо!  

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

в css 

.ваш блок где находится карта > iframe {  width: 100%; height: 240px;  }

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Спасибо! Работает. Только не CSS редактировал, а прямо код карты, который дал гугль и который я вставляю прямо в страницу через редактор. Спасиб!

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Для более лучшего способа делают так:

в iframe ширину и высоту указывают как auto, и потом пишут стили .block > iframe { ширина и высота } и так для каждого разрешения экрана...

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
34 минуты назад, desg сказал:

Для более лучшего способа делают так:

в iframe ширину и высоту указывают как auto, и потом пишут стили .block > iframe { ширина и высота } и так для каждого разрешения экрана...

Но способ указанный Вами выше тоже ведь рабочий и не является ошибкой?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Он не является ошибкой. Суть в другом если Вам нужно сделать разный размер карты на разных экранах, нужно писать в css:
 

@media разрешение

и указываете стили для карты и так для каждого разрешения

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу