1 Отредактировано Дмитрий (25.08.2016 11:58:51)

Тема: Баннер в мобильной версии

Добавил на сайт зону для баннера размером 600х400 пикселей, по модульной системе это контейнер 8 из 12 максимальных, изображение в него добавил размером больше. Система сделала ресайз изображения, на сайте все отлично, но открывая мобильную версию он выдает это изображение в размере 600х400, хотя контейнер 8 становится меньше, т.е. подстраивается под размер экрана. Как можно сделать так, чтобы баннер подстраивался под мобильную версию?

Такое не только с баннером, не масштабируются изображения и встроенная карта яндекс в мобильной версии. Вот сайт cd91754.tmweb.ru на странице "Скидки", "Контакты", в мобильной версии все "плывет".

Повысить оценку Понизить оценку

2 Отредактировано Илья (25.08.2016 12:21:15)

Re: Баннер в мобильной версии

Дмитрий, тегу img добавить

max-width: 100%;
height: auto;

Повысить оценку +1 Понизить оценку

3 Отредактировано Закусило Александр (25.08.2016 12:36:26)

Re: Баннер в мобильной версии

Такое не только с баннером, не масштабируются изображения и встроенная карта яндекс в мобильной версии.

При вставке скрипта, который отображает у Вас карту, Яндекс принудительно прописывает ширину. Обычно там в этом коде есть строка &width=ширина.
Если его убрать, то будет на всю ширину блока не вылезая за неё.
Например вот у Вас:

<script type="text/javascript" charset="utf-8" async="" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=JXTBjmOICIps_v5JZvkImZmy1ltl051M&amp;width=876&height=695&lang=ru_RU&sourceType=constructor&scroll=true"></script>

4 Отредактировано Дмитрий (25.08.2016 14:44:54)

Re: Баннер в мобильной версии

Спасибо огромное!) Работает с изображением, с виджетом ютуб, с картами, но как в баннер добавить тэг?

Повысить оценку Понизить оценку

Re: Баннер в мобильной версии

Все, нашел, прописал в zone.tpl smile

Повысить оценку Понизить оценку

6 Отредактировано Андрей (01.09.2020 13:57:20)

Re: Баннер в мобильной версии

Добрый день! Скажите пожалуйста, как сделать ширину банера адаптивной к разрешению экрана? И где?

Повысить оценку Понизить оценку