Курсы обучения
+7 (351) 777-80-70
2021.11.02

Почему баннер в мобильной версии обрезается по краям?

Суть адаптивности в том, что блок в котором размещен баннер меняет свой размер, в зависимости от ширины экрана. Сама картинка баннера размещается внутри этого блока, центрируется и края при выходе за границы этого блока обрезаются, чтобы избежать деформации и чрезмерного уменьшения картинки. Кроме того у баннера имеются дополнительные блоки включающие в себя "Заголовок", "Описание", "Доп изображение", "текстовые вставки", при адаптации под ширину экрана эти блоки перемещаются и отключаются при различных разрешениях. Основное изображение является фоном и оно растягивается(и обрезается) под блок баннера.

Поэтому при подборе баннеров мы рекомендуем использовать изображения большая часть которых составляет фон, а так же без надписей и пользоваться блоками описанными выше. Обращаем ваше внимание на то, что в актуальной версии решения имеется возможность добавить отдельное изображение для мобильной версии сайта, подробнее об этом здесь.

Наши решения