Как масштабировать рекламные баннеры при адаптивной верстке?

Например, для разрешения 1366 у нас ширина контента 240*4 + 30*3 + 32*2= 1114.
Где 240 - ширина столбца. Всего их 4, правый с рекламными баннерами.
30 - расстояние между блоками.
32 - расстояние слева и справа.

Хотим резиновую верстку, как тут www.vinted.com.

При уменьшении и увеличении экрана, как должен себя вести блок с рекламными баннерами? Его размер фиксируется или можно тоже масштабировать?

И как выбрать максимальный и минимальный размер для столбца?
Чтобы не мельчить, и не раздражать огромными блоками...

И я правильно понимаю, что для разрешения меньше 1000 начинается отдельная история со своими максимум и минимум размерами?
  • Вопрос задан
  • 1793 просмотра
Пригласить эксперта
Ответы на вопрос 3
На разрешении 1920-1366-960px (баннер дестопный)
780-480 баннер должен не много увеличиваться, по высоте + перестройка самого баннера под этот размер
Все, что меньше 480 просто пропорциональное уменьшение баннера.
Вот пример как было это реализовано на сайте Мегафона.

И я правильно понимаю, что для разрешения меньше 1000 начинается отдельная история со своими максимум и минимум размерами?

Да, нужно будет делать кучу версий под разные экраны. Либо можно обойтись как я писал выше.
Ответ написан
Комментировать
gzhegow
@gzhegow
aka "ОбнимиБизнесмена"
Ай есть десктопная версия, есть мобильная.
На десктопной картинка побольше, на мобильной - поменьше.
Да здравствует классика!
Ответ написан
Комментировать
@skazi_premiere
Верстаем как умеем ;) HTML/CSS/JS
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы