Размеры блока
По умолчанию все рекламные блоки имеют адаптивный размер, и растягиваются по ширине и высоте внешнего контейнера (DIV на сайте, в который вставлен код блока).
Ширину и высоту вы можете ограничить как самостоятельно (указав фиксированные ширину и высоту DIV, в который вставляется блок), так и с помощью настроек платформы Luxup. Ширину в большинстве случаев мы советуем оставлять адаптивной, а высоту ограничивать в зависимости от места размещения блока.
Высота блока может быть как фиксированной, так и максимальной. Эти 2 значения имеют свои особенности.
Адаптивные и фиксированные размеры
В платформе доступны к созданию как адаптивные, так и фиксированные по ширине и высоте блоки. В большинстве случаев советуем использовать адаптивный тип блока, с ограничением его максимальной высоты.
Фиксированная высота
Если вы фиксируете высоту с помощью свойства height для внешнего контейнера, или выбираете фиксированную высоту в настройках платформы Luxup – DIV блока всегда будет отображаться одинаково. При этом если блок пришел меньшего размера, чем высота, которую вы зафиксировали – на сайте возникнут незаполненные места.
Часто высоту фиксируют, чтобы избежать сдвигов контента (влияет на CLS сайта). Хотя есть механизмы, которые позволяют избежать сдвигов, не используя фиксированную высоту. К примеру механизм Placeholder'а, который доступен в платформе Luxup.
Максимальная высота
Указав максимальную высоту (свойство max-height – можно также задать как самостоятельно, так и через платформу Luxup), вы избежите незаполненных мест на вашем сайте. Это выглядит эстетичнее. В данном случае, даже если пришел рекламный блок меньшего размера – ваш рекламный лейаут будет выглядеть приятнее и удобнее.
В чем задается высота?
Высота задается в пикселях, либо в VH (процент от размера экрана). Задавая высоту в VH – вы можете быть уверены, что рекламный блок будет смотреться одинаково на всех устройствах, независимо от их размера.
Рекомендации по высоте блока
Рекомендованные значения высоты различны в зависимости от типа блока. Ниже приведена таблица с рекомендованными значениями.
