Jump to content
sizannn

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
34 минуты назад, desg сказал:

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...