0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 769 Просмотров
*

Dannik

  • Осваиваюсь на форуме
  • 84
  • 0
Всем привет! Есть код с одного интересного сервиса https://hesus.ru.(Рассказываю не ради рекламы) Хотел поставить себе на сайт форму бронирования.
На сайте смотрится симпатично, но вот в мобильном часть режет.
Вот сам код
Код
<div style='clear:both;'></div><iframe id='fhesus42362' src='https://hesus.ru/hesus/visor/id/2362' style='width: 300px;height:651px;margin: 0 auto;display: block;' frameborder=0 marginheight=0 marginwidth=0>Ваш браузер не поддерживает онлайн бронирование</iframe><div style='clear:both;'></div>

Подскажите пожалуйста если не сложно, что можно добавить что бы фрэйм стал адаптивен. Заранее благодарен ^-^
*

FitMe

  • Давно я тут
  • 305
  • 9
Как вариант можно так, или может поставить значение max-width:100%; в CSS
Код
iframe {width:100%;}
*

vipiusss

  • Профи
  • 5656
  • 324
  • Злой я сегодня.Без обид.
@media (max-width: *px) {
  #fhesus42362 {
    max-width:**%;
  }
}

где,
*-максимальный размер экрана устройства в пикселях;
**-процентное отношение для устройства показа дива по id (можно в em:max-width:**em;).

Также можно "играться" с добавлением only screen and и/или делать разные стили к разным устройствам.
И обязательно проверить подключение в index.php: например так  <meta name="viewport" content="width=device-width, user-scalable=no" />
Или так, как стоит в J! по дефолту в protostare: <meta name="viewport" content="width=device-width, initial-scale=1.0" />
Смотря с какой стороны у вас будет подход к данному решению.

Мини мануальчик пригодиться: http://frontender.com.ua/media-queries/

Также можете отдельно подключить стили и скрипт: https://habrahabr.ru/post/119127/
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Можно ли подключится к другому серверу не используя iframe?

Автор DIeKon

Ответов: 9
Просмотров: 98
Последний ответ 29.08.2017, 12:57:45
от dmitry_stas
Скрыть iframe под кнопкой "загрузить"

Автор antoxa12

Ответов: 8
Просмотров: 269
Последний ответ 30.03.2017, 01:15:04
от effrit
Таблица и тег iframe

Автор vitzer

Ответов: 2
Просмотров: 191
Последний ответ 13.10.2016, 00:28:38
от vitzer
2 дня назад на сайтах с установленными соц. кнопками PLUSO появился iframe - Как убрать?

Автор Slava77

Ответов: 13
Просмотров: 1914
Последний ответ 09.08.2016, 15:32:05
от AnomalyBnz
Как создать div class адаптированный под мобильные телефоны?

Автор 1-F7

Ответов: 3
Просмотров: 204
Последний ответ 24.07.2016, 17:58:39
от 1-F7