Как изменить высоту API карты?

Question

[ArthurSuhov]

Ширина карты получается адаптивной, а высота остается неизменной и не реагирует на изменение размеров контейнера, на мобильных устройствах карта просто мешает. Документацию от яндекса я прочитал, но все равно понять не смог.

https://codepen.io/ArthurSukhov/pen/jOWXGEO

Answer 1

[Антон Литвиненко]

Ну вы же сами задали ей минимальную высоту в 720 пикселей. Уменьшайте ее на медиазапросах как вам нужно чтобы на мобилке было

Comments

[ArthurSuhov]

Я пробовал так, высота блока меняется, а сама карта стоит на месте.

[Антон Литвиненко]

ArthurSuhov, ну не знаю. я играюсь вашим же примером, выбрал серединой карты по высоте Лахденпохья и при каждом изменении высоты оно все равно по центру

[jamster]

В чём проблема вообще не вижу.
Задаешь height: 300px;
Карта рендерится именно в 300px;
Вы просто когда html меняете не забывайте что высота карты задается Javascript. т.е перерисовывается с помощь API яндекса, попробуйте изменить сначала высоту блока, потом подправить значение в JS, например zoom поставить в 10 :)

[ArthurSuhov]

Странно у меня тут, оказывается все работает. Создал локальный сервер через xampp и открыл сайт через телефон, там все так, как надо, а когда в яндекс браузере открываю через консоль, то она ломает мне глаза... (