Ваш промокод mojWPAds на плагин рекламы для WordPress >>

Как сделать карту Яндекс на сайте адаптивной

Вопрос: Как сделать карту Яндекс на сайте адаптивной, чтобы она хорошо смотрелась на мобильном телефоне, планшете и на компьютере?

Ответ: Чтобы сделать подобное, необходимо будет "взять" карту Яндекс в дополнительный контейнер div и задать ему максимальную ширину. Это нужно, чтобы она нормально смотрелась на компьютере.

А в самом скрипте карты мы заменим фиксированный параметр ширины на 100%.

Т.е. выглядеть ваш блок с картой будет так:

Обратите внимание:

  • max-width:600px; я выставляю максимальную ширину блока с картой. Вы ставите свой значение.
  • Уже в самом скрипте карты я заменил фикс. ширину на width=100%, чтобы она подстраивалась под размер экрана устройств.

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

Привет. Меня зовут Виталик.

Я автор этого блога, а так же Магазина WordPress https://wp-r.ru/ и ридера блогов вебмастеров и SEO-специалистов WMSN.ru


Можешь оставить свой вопрос в комментариях к статье или предложить идею для новой статьи.

Опубликовано 2 комментария
  1. Kanmariks says:
    http://like-magazik.ru/

    «Все клики одним цветом» — аналогично монохромной карте, но клики отображаются не областями, а точками.

  2. Артур says:

    А что делать если ширина адаптируется бес проблем но высота нет?

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2018 | mojwp.ru | Копирование материала разрешено только с письменного согласия
Лучшие плагины для сайта WordPress
Магазин WordPress WP-R.ru
Я понял, не показывай больше.
Смотри мои обучающие видео на YouTube
Сайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookie
Друг, не уходи!