Новый информер расписания по станции

С 1 декабря 2020 года доступен новый вариант информера с расписанием по станции.

Новый информер адаптирован для показа на мобильных устройствах, также в нем обновлен дизайн.

Получить код для вставки информера можно на этой странице.

Как разместить информер на десктопной версии сайта

Для того, чтобы заменить старый информер на новый, достаточно в URL информера заменить https://rasp.yandex.ru/informers/station на https://rasp.yandex.ru/informers/v2/station. При этом новый информер будет в точности совпадать с размерами старого информера:

Как разместить информер на мобильной версии сайта

При ширине экрана менее 700px внешний вид информера адаптируется под мобильный экран, при этом меняется высота информера.

В этом случае высота информера принимает следующие значения:

• информер из 5 строк - 504px
• информер из 15 строк - 1144px
• информер из 25 строк - 1784px

При размещении информера на мобильной версии сайта необходимо указать эту высоту:

Как сделать адаптивный информер

Для отображения информера на сайте, который адаптируется и под десктопные экраны и под мобильные устройства, необходимо настроить изменение высоты информера в зависимости от ширины экрана. Это можно сделать, например, с помощью медиа-запросов: <style scoped> media (min-width: 700px) { .YandexRasp {height: 302px}} @media (max-width: 699px) { .YandexRasp {height: 504px}} </style> <div> <iframe class="YandexRasp" frameborder="0" style="-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); overflow: hidden; border: 0; width: 100%; max-width: 710px;" src="https://rasp.yandex.ru/informers/v2/station/2000003/?size=5&color=1&type=train"></iframe> </div >