Как сделать карту Яндекса по высоте на весь экран?

Question

[freeman0204]

Код На сайте Яндекса сказано что по высоте карта может быть максимум 720px. Можно это как то обойти? Находил в гугле карту гугл по высоте на 100% но нужна именно карта яндекса.

Еще вопрос на счет позиционирования. Может я не правильно понимаю. У меня есть блок contacts (задан relative) в нем есть блок logo и form (задан обоим absolute) почему logo и form ведут отсчет с низу блока contacts? А должны по сути с начала документа.

Answer 1

[Hyubert]

решаеться исправление height вместо 720 на 100vh

<script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=5hW_Qj8jdQ10uR7hst_-99dAn1HKal7p&width=100%&height=100vh&lang=ru_UA&sourceType=constructor"></script>

codepen.io/anon/pen/QyXRwN

Comments

[Владислав Яндимиркин]

caniuse.com/#feat=viewport-units
Заодно проверить совместимость вашего решения с требованиями

[Hyubert]

Влад |trycontrolmymind|: 70.71% браузеров подерживают

[freeman0204]

Hyubert: Спасибо. Не подскажите что за бок с позиционированием?

[Hyubert]

Артур Черешнюк: потому што в блоке .container есть position: relative; уберите его