sizannn

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

6 posts in this topic

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

Share this post


Link to post
Share on other sites

в css 

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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.