How to change the size of Yandex maps when displayed on different devices, as well as when changing their orientation?

Question

Yandex maps

I tried to make two divs with a script, where different srcs, and show depending on the size of the viewport with listening to the orientation change event and subsequent actions like $('.map400px').css('display', 'none'). Does not work.
Do you really have to bother with the Yandex Maps API?

Answer 1

Set media queries in css for the map container.
As an option:
- width of the container - 100% of the screen,
- height - 100% of the screen height, but no more than xxx points (for large screens).

Answer 2

Here the script is not needed from the word at all. Write media queries for popular screen resolutions.