Ресайз карты яндекса

[aka75]

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

[Demidovez]

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

Змінено 18 грудня 2017 користувачем Demidovez

[Djeff78]

width: 100%;

[aka75]

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

[aka75]

11 минут назад, aka75 сказал:

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

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

Змінено 18 грудня 2017 користувачем aka75

[Demidovez]

14 минут назад, aka75 сказал:

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

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

[aka75]

12 минут назад, Demidovez сказал:

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

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

[Demidovez]

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>

[aka75]

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>

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

[IgorC]

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

 

Спасибо!

Змінено 18 грудня 2017 користувачем IgorC

[Demidovez]

16 минут назад, IgorC сказал:

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

 

Спасибо!

<div class="visible-xs">

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

</div>

<div class="hidden-xs">

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

</div>

[IgorC]

18 минут назад, Demidovez сказал:

<div class="visible-xs">

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

</div>

<div class="hidden-xs">

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

</div>

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