Всем привет! Нигде не могу найти ответа на свой вопрос! Дело в том, что у меня сайт сделан с адаптивной версткой, мне нужно установить рекламный блок РСЯ на сайте, так, чтобы он подстраивался под мобильные устроиства: планшеты, телефоны. Но вот в чем проблема, когда задаю в стилях ширину и высоту в %, как это делается при адаптивном дизайне для блоков, блок РСЯ в упор не хочет подстраиваться и вылазит за шаблон. Да, я знаю, что есть вот такие коды стилей:
media screen and (max-width: 800px) {
.yandex-adaptive {
width:200px;
height:300px;
}
}
media screen and (max-width: 1024px) {
.yandex-adaptive {
width:240px;
height:400px;
}
}
Но они работают не так, как при 100%, то есть блок с уменьшением экрана, также уменьшается в ширине, но когда, кпримеру поворачиваешь телефон или планшет по ширине, блоки остаются 240px, а сайт растягивается до 600-800px. В результате, небольшой блок, куча пустого места.
Подскажите, как настроить блоки РСЯ, как к примеру на данном сервисе "Тостер". Спасибо!
