Как изменять размер яндекс карты при выводе на разных устройствах, а также при изменении их ориентации?

Question

[Влад]

Попытался сделать два дива со скриптом, где разные src, и показывать в зависимости от размеров вьюпорта с прослушкой события изменения ориентации и последующими действиями типа $('.map400px').css('display', 'none'). Не работает.

Неужели с API Яндекс карт придётся заморачиваться?

Comments

[Модератор]

Для комментирования ответа жмите линк "Комментировать" под ответом
Не нужно писать комментарий в форме для ответа
Оповещения о такой реплике не поступит автору ответа

Не нужно засорять секцию ответов "спасибовсем", "решено" и тп

Answer 1

[Abr_ya]

Задать media-запросы в css для контейнера с картами.
Как вариант:
- ширина контейнера - 100% экрана,
- высота - 100% высоты экрана, но не более xxx точек (для больших экранов).

Comments

[Влад]

Я использую bootstrap. Тут свои особенности с перестраиванием по вертикали.
Кажется помогло, когда убрал из ссылки параметр height и поместил не в контейнер типа col-*, а создал дочерний.

Answer 2

[wja36rus]

Тут скрипт не нужен от слова совсем. Медиазапросы на популярные разрешения экрана пишите.

Comments

[Влад]

Усложняю. Согласен, разобрался. Устал, надо отдохнуть :)