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

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

 
Посетитель
small user social cms
Медаль
Сообщений: 135
Есть адаптивный рекламный баннер. Нужно чтобы на разных устройствах показывался по ширине экрана.
Использую следующий код:
Код PHP:
  1.  
  2. <p>
  3. <iframe frameborder="0" scrolling="no" src="/770x100.html" width="100%">
  4. </iframe>
  5. </p>
  6.  
Но на мелких экранах баннер имеет свою максимальную ширину 770рх и не вмещается в экран.

Подозреваю, что я не то делаю. Но как нужно. я не знаю)
Оттуда вопрос:
Какой код нужно использовать для вставки адаптивного баннера?
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 351
Не специалист, но гляньте - может то

Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 135
Dmitry, Сделал как там написано. Не получилось.
Вероятно я снова что то не так сделал. Я плохо в коде ориентируюсь.
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 2596
Kvazar, вот здесь src="/770x100.html" внутри этого документа контейнеру задайте max-width:100%
если ширина 700 px он и будет на 700 px
Посетитель
small user social cms
Медаль
Сообщений: 135
Нил™, Баннер не фиксированной ширины.
Вот ссылка. Растягивается как угодно
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатийПочетный донор проекта
Сообщений: 2657
На моем телефоне нормально все умещается.

Спойлер
Может на айфонах как-то не так? Так у сафари свои понятия о css.
Посетитель
small user social cms
Медаль
Сообщений: 135
Ris, Открыл на айфоне в Chrome - вылезает за пределы.
Открыли на андроид - баннер влезает. Только тормозит жутко почему то.
Как у вас, не тормозит?
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 2596
Kvazar, я думаю проблема где то в том что есть путаница в шаблоне с указанием ширины родительского контейнера на ширину которого ориентируется js который подгоняет размер баннера
Редактировалось: 1 раз (Последний: 27 декабря 2017 в 19:39)
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатийПочетный донор проекта
Сообщений: 2657
Kvazar:
Как у вас, не тормозит?
Нет, не тормозит.
Надо думать, как на айфонном css вписать баннер в окно. smile
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 2596
Возможно из за паддингов ширина уходит
я бы попробовал
/templates/boxed/css/styles.css

main{padding:0 15px}

сделать

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

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

#main_content

правда где то в другом месте это может иметь какие то ещё последствия
Посетитель
small user social cms
Медаль
Сообщений: 135
Нил™, хотелось бы без последствий)
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатийПочетный донор проекта
Сообщений: 2657
А может так попробовать?
Код HTML:
  1. <iframe frameborder="0" scrolling="no" src="/770x100.html" style="width: 100%"></iframe>
Посетитель
small user social cms
Медаль
Сообщений: 135
Ris, без изменений
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.