Использую следующий код:
Подозреваю, что я не то делаю. Но как нужно. я не знаю)
Оттуда вопрос:
Какой код нужно использовать для вставки адаптивного баннера?
Нужен код для вывода в виджетах адаптивных баннеров.
#1
27 декабря 2017 в 18:46
Есть адаптивный рекламный баннер. Нужно чтобы на разных устройствах показывался по ширине экрана.
Использую следующий код:
Но на мелких экранах баннер имеет свою максимальную ширину 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
если ширина 700 px он и будет на 700 px
#5
27 декабря 2017 в 19:21
Нил™, Баннер не фиксированной ширины.
Вот ссылка. Растягивается как угодно
Вот ссылка. Растягивается как угодно
#6
27 декабря 2017 в 19:34
На моем телефоне нормально все умещается.
Может на айфонах как-то не так? Так у сафари свои понятия о css.
#7
27 декабря 2017 в 19:37
Ris, Открыл на айфоне в Chrome — вылезает за пределы.
Открыли на андроид — баннер влезает. Только тормозит жутко почему то.
Как у вас, не тормозит?
Открыли на андроид — баннер влезает. Только тормозит жутко почему то.
Как у вас, не тормозит?
Kvazar, я думаю проблема где то в том что есть путаница в шаблоне с указанием ширины родительского контейнера на ширину которого ориентируется js который подгоняет размер баннера
#9
27 декабря 2017 в 19:40
Нет, не тормозит.Как у вас, не тормозит?
Надо думать, как на айфонном css вписать баннер в окно.
#10
27 декабря 2017 в 19:51
Возможно из за паддингов ширина уходит
я бы попробовал
/templates/boxed/css/styles.css
main{padding:0 15px}
сделать
main{padding:0 15px; box-sizing:border-box;}
если не может посмотреть то же самое для
#main_content
правда где то в другом месте это может иметь какие то ещё последствия
я бы попробовал
/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
А может так попробовать?
#13
27 декабря 2017 в 20:05
Ris, без изменений