Размещение адаптивных баннеров

Нужен код для вывода в виджетах адаптивных баннеров.

#1 27 декабря 2017 в 18:46
Есть адаптивный рекламный баннер. Нужно чтобы на разных устройствах показывался по ширине экрана.
Использую следующий код:
  1.  
  2. <p>
  3. <iframe frameborder="0" scrolling="no" src="/770x100.html" width="100%">
  4. </iframe>
  5. </p>
  6.  
Но на мелких экранах баннер имеет свою максимальную ширину 770рх и не вмещается в экран.

Подозреваю, что я не то делаю. Но как нужно. я не знаю)
Оттуда вопрос:
Какой код нужно использовать для вставки адаптивного баннера?
#2 27 декабря 2017 в 18:55
Не специалист, но гляньте — может то

#3 27 декабря 2017 в 19:11
Dmitry, Сделал как там написано. Не получилось.
Вероятно я снова что то не так сделал. Я плохо в коде ориентируюсь.
#4 27 декабря 2017 в 19:18
Kvazar, вот здесь src="/770x100.html" внутри этого документа контейнеру задайте max-width:100%
если ширина 700 px он и будет на 700 px
#5 27 декабря 2017 в 19:21
Нил™, Баннер не фиксированной ширины.
Вот ссылка. Растягивается как угодно
#6 27 декабря 2017 в 19:34
На моем телефоне нормально все умещается.

Может на айфонах как-то не так? Так у сафари свои понятия о css.
#7 27 декабря 2017 в 19:37
Ris, Открыл на айфоне в Chrome — вылезает за пределы.
Открыли на андроид — баннер влезает. Только тормозит жутко почему то.
Как у вас, не тормозит?
#8 27 декабря 2017 в 19:39
Kvazar, я думаю проблема где то в том что есть путаница в шаблоне с указанием ширины родительского контейнера на ширину которого ориентируется js который подгоняет размер баннера
#9 27 декабря 2017 в 19:40

Как у вас, не тормозит?

Kvazar
Нет, не тормозит.
Надо думать, как на айфонном css вписать баннер в окно. smile
#10 27 декабря 2017 в 19:51
Возможно из за паддингов ширина уходит
я бы попробовал
/templates/boxed/css/styles.css

main{padding:0 15px}

сделать

main{padding:0 15px; box-sizing:border-box;}

если не может посмотреть то же самое для

#main_content

правда где то в другом месте это может иметь какие то ещё последствия
#11 27 декабря 2017 в 19:52
Нил™, хотелось бы без последствий)
#12 27 декабря 2017 в 20:02
А может так попробовать?
  1. <iframe frameborder="0" scrolling="no" src="/770x100.html" style="width: 100%"></iframe>
#13 27 декабря 2017 в 20:05
Ris, без изменений
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.