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

Есть адаптивный рекламный баннер. Нужно чтобы на разных устройствах показывался по ширине экрана.
Использую следующий код:
Но на мелких экранах баннер имеет свою максимальную ширину 770рх и не вмещается в экран.

Подозреваю, что я не то делаю. Но как нужно. я не знаю)
Оттуда вопрос:
Какой код нужно использовать для вставки адаптивного баннера?

Не специалист, но гляньте — может то

Dmitry, Сделал как там написано. Не получилось.
Вероятно я снова что то не так сделал. Я плохо в коде ориентируюсь.

Kvazar, вот здесь src="/770x100.html" внутри этого документа контейнеру задайте max-width:100%
если ширина 700 px он и будет на 700 px

Нил™, Баннер не фиксированной ширины.
Вот ссылка. Растягивается как угодно

На моем телефоне нормально все умещается.

Может на айфонах как-то не так? Так у сафари свои понятия о css.

Ris, Открыл на айфоне в Chrome — вылезает за пределы.
Открыли на андроид — баннер влезает. Только тормозит жутко почему то.
Как у вас, не тормозит?

Kvazar, я думаю проблема где то в том что есть путаница в шаблоне с указанием ширины родительского контейнера на ширину которого ориентируется js который подгоняет размер баннера

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

Нет, не тормозит.
Надо думать, как на айфонном css вписать баннер в окно.

Возможно из за паддингов ширина уходит
я бы попробовал
/templates/boxed/css/styles.css

main{padding:0 15px}

сделать

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

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

#main_content

правда где то в другом месте это может иметь какие то ещё последствия

Нил™, хотелось бы без последствий)

А может так попробовать?

Ris, без изменений