Адаптивная яндекс карта на сайте. Как сделать?

Question

[Альберт Рашитов]

Необходимо внедрить адаптивную яндекс карту на сайт. Подскажите пожалуйста, как осуществить?

Comments

[Mikhail Osher]

Будьте добры объяснить, что в Вашем понимании адаптивная?

[Альберт Рашитов]

имеется ввиду, что карта занимает всю ширину экрана на любых экранах.

[Альберт Рашитов]

в яндекс предоставляют карту с фикс шириной/высотой, а необходимо чтобы карта была со значением width 100%

Answer 1

[andreyqin]

При вставке скрипта карты в атрибуте src установите width=100%

Comments

[Альберт Рашитов]

Спасибо! Не думал что вот таак..просто..ощущаю себя нубом))

[ZeXeDeR]

Премного благодарен!

[HOPMNC EVER]

Лойс!

[dinarkino]

Спасибо огромное!

Пытался сделать всё через доп контейнер по инструкции яндекса, но ничего не получалось: https://tech.yandex.ru/maps/doc/jsapi/2.1/quick-st...

Answer 2

[AlexBitOne]

На width=100% будет ругаться валидатор. Если поставить там же max-width и min-width то эффект тот же, но валидатор одобрит. И ещё ругается на & лучше сразу заменить на &

Answer 3

[Дмитрий Давыдов]

Вот тут подробно написано: smartlanding.biz/kak-sdelat-adaptivnuyu-yandeks-ka...
А вообще, действительно, достаточно поменять ширину, на 100%. И конструктор яндекс карт, сейчас любезно предлагает поставить галочку в чекбоксе, чтобы карта была адаптивной.