Перейти к содержанию

Рекомендуемые сообщения

Добрый вечер товарищи!!! Подскажите пожалуйста, как сделать карту яндекса адаптивной. Сам пробовал менять и ширину и  высоту в скрипте , один черт  вылезает за тело сайта на маленьких разрешениях сайта. Остор 2.3 http://santehnika-timo.ru/kontakty      http://joxi.ru/vAWzveYUkLOW72

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


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

уберите ширину вообще, и она растянется по ширине родителя

Изменено пользователем Demidovez
  • +1 1

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


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

Помогло!!! Спасибо . А в чем измеряется высота? height=584&amp , так то в пикселях , а тут не понятно . Просто хотел поставит высоту 100% что бы не растягивалась карта на телефоне до бесконечности , а скрипт после подстановки процентов перестаёт работать...?

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


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

А в чем измеряется высота? height=584&amp , так то в пикселях , а тут не понятно . Просто хотел поставит высоту 100% что бы не растягивалась карта на телефоне до бесконечности , а скрипт после подстановки процентов перестаёт работать...?

Нашел !!! Эта фигня &amp называется амперсанд. Но как с помощью этого менять параметр высоты пока неясно....

Изменено пользователем aka75

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


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

Помогло!!! Спасибо . А в чем измеряется высота? height=584&amp , так то в пикселях , а тут не понятно . Просто хотел поставит высоту 100% что бы не растягивалась карта на телефоне до бесконечности , а скрипт после подстановки процентов перестаёт работать...?

в пикселях, &amp - разделитель параметров

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


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

в пикселях, &amp - разделитель параметров

А как тогда здесь подставлять параметры auto и %? Пробовал так   height=100%&amp и  height=auto&amp - не хочет работать...

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


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

А как тогда здесь подставлять параметры auto и %? Пробовал так   height=100%&amp и  height=auto&amp - не хочет работать...

и не будет

яндекс дает не только в виде скрипта, но и iframe, а с ним уже проще

<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A43f1603ea7b319e205425601c0d81a042290ec7d525555246cd0aef54d46c04c&amp;source=constructor" style="width: 100%; height: 100%;" frameborder="0"></iframe>

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


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

и не будет

яндекс дает не только в виде скрипта, но и iframe, а с ним уже проще

<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A43f1603ea7b319e205425601c0d81a042290ec7d525555246cd0aef54d46c04c&amp;source=constructor" style="width: 100%; height: 100%;" frameborder="0"></iframe>

Понял , иду смотреть))) Спасибо за помощь!!!!

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


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

Подскажите, пожалуйста, а как указать в contact.tpl  две карты в зависимости от разрешения! Одна карта для мобильных устройств, вторая для мониторов!

 

Спасибо!

Изменено пользователем IgorC

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


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

Подскажите, пожалуйста, а как указать в contact.tpl  две карты в зависимости от разрешения! Одна карта для мобильных устройств, вторая для мониторов!

 

Спасибо!

<div class="visible-xs">

*карта видна на моб. устройствах*

</div>

<div class="hidden-xs">

*карта НЕ видна на моб. устройствах*

</div>

  • +1 1

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


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

<div class="visible-xs">

*карта видна на моб. устройствах*

</div>

<div class="hidden-xs">

*карта НЕ видна на моб. устройствах*

</div>

Большое спасибо! Все отлично!

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.