Анимированный html5 баннер "выходит за рамки" виджета

InstantCMS 2.X

Анимированный html5 баннер "выходит за рамки" виджета

#1 4 января 2019 в 09:02
Анимированный html5 баннер "выходит за рамки". Сделал поле для баннеров как отдельный виджет (html блок). При рескейлинге сам виджет уменьшается а содержимое в нём — нет. Может я изначально сделал не правильно?! Вообщем на компуктерах с маленьким разрешением мой баннер выходит за рамки виджета. Как сделать чтобы он рескейлился вместе с виджетом?


#2 5 января 2019 в 06:35
  1. object,embed,iframe{max-width:100%;}
в любой из css файлов которые загружаются для всех страниц. Тут конечно много нюансов, и эта строка задевает все такие объекты на сайте. Поэтому лучше ограничить баннер контейнером, например с классом banner-box.
В виджете меняете на
  1.  
  2. <div class="banner-box">
  3. ваш_код_баннера
  4. </div>
  5.  
тогда в css
  1. .banner-box * {max-width:100%;}
Возможны и другие проблемы, например если указана высота и баннер в iframe.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.