2

Нашел один полезный информер который к сожелению не подходит для мобильной версии, а именно потому что даже при модификации ширины к примеру width:100%, в ширину мобильного экрана не входит табло с временем.

Задача состояла в том, чтобы убрать сколл, и адапатировать таблицу под моб версию без каких либо скролов.

Код информера

<iframe 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: 700px; height: 303px;" src="https://rasp.yandex.ru/informers/station/2000001/?type=schedule"></iframe>

Возможно ли это ? и какие есть альтернативные или похожие решения, к примеру парсинг данных с информера или какие есть варианты...

1 ответ 1

0

Измени код информера на такой:

<iframe 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); border: 0; width: 100%; height: 303px;" src="https://rasp.yandex.ru/informers/station/2000001/?type=schedule"></iframe>

И будет тебе счастье:) у него по умолчанию стояло 700px ширина.

8
  • Не будет ! :) читайте внимательно 9 мая 2018 в 8:38
  • У меня все адаптировано, я с телефона зашел. На jsFiddle..
    – Zicrael
    9 мая 2018 в 8:39
  • Время у вас тоже видно ? без скрола 9 мая 2018 в 8:52
  • Да, только если экран сделать сильно маленьким то уже скрол появляеться. Но по другому никак. Это вёрстка самого rasp.yandex и вы на нее никак не повлияете, это вполне нормально и по другому вы никак не сделаете.
    – Zicrael
    9 мая 2018 в 8:54
  • Сильно маленьким это каким ? так как в firefox я выбираю все девайсы, и до 400x время нормально не видно, только на планшетах и лаптопах, нормально в плане видно толко первый две цифры.. или вообще не видно и появляется скролл 9 мая 2018 в 8:59

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.