Как правильно растянуть яндекс карты на сайте на всю ширину и длину, чтобы работала адаптивность?

Question

[yurygolikov]

Мне нужно на всю длину и ширину растянуть яндекс карты на сайте с рабочей адаптивностью элементов карты.
Пробую разными способами растянуть, но с мобильных устройств элементы карты не адаптируются. Как это сделать?
На картинке видно (скриншот с iphone), что элементы карты (кнопки масштаба и кнопка пробки) не адаптируются. Из за маленьких размеров становятся не юзабельными.

Answer 1

[Леван Какубава]

Адаптивность работает только для тех элементов управления, для которых выставлена опция float: 'left' или float: 'right'. Исключением является элемент управления масштабом. Поскольку он изменяет свое состояние в зависимости от высоты карты, его адаптивность будет работать и в том случае, если для него выставлена опция float: 'none'.

Адаптивность

Comments

[yurygolikov]

Тогда почему даже масштаб не работает?

[Леван Какубава]

приведите пример кода или ссылку на страницу

[yurygolikov]

Леван Какубава: https://jsfiddle.net/aayjvk8p/

[Леван Какубава]

https://jsfiddle.net/aayjvk8p/3/ убери smallMapDefaultSet и/или вручную перечисляй необходимые контроллы

[yurygolikov]

Леван Какубава: Пробовал, не работает.

[Леван Какубава]

попробуй это плагин прикрутить https://github.com/yandex/mapsapi-round-controls

Answer 2

[vsevolodisaev00]

а какой у вас телефон? возможно программа поможет

Comments

[yurygolikov]

Всмысле программа? IPhone - я же написал.

Answer 3

[gwenn]

width: 100vw;
height: 100vh;

Comments

[yurygolikov]

Пробовал, не работает.