Google Swiffy и отзывчивый дизайн, высота

Я тестирую Swiffy и подключаю его к адаптивной среде Zurb Foundation. Все работает хорошо. Я также обновил CSS для #swiffycontainer контейнер иметь ширину width: 100%;,

Контент хорошо вписывается в сетку, но моя единственная проблема заключается в том, что если размер не установлен явно, то на меньшем экране я получаю эту проблему с высотой, намного превышающей контент, даже с высотой установлен на 500px, Это также приводит к тому, что контейнер Swiffy показывает содержимое за пределами сцены.

Есть идеи, почему? Будет ли это с SVG, созданным из Swiffy? Спасибо!

Обновление. Похоже, это связано со свойством AS 2/3 stageScale в рабочей области. Кто-нибудь случайно не узнал о счастливой среде между "showAll/SHOW_ALL" и "noBorder/NO_BORDER"? Где сцена все еще изменяет размеры, но не показывает границу вокруг этого?

Источник

2 ответа

Я решил эту проблему с небольшим количеством CSS, который гарантирует, что высота масштабируется пропорционально ширине (какой бы ширины она ни была из-за адаптивной сетки). Это удерживает контейнер flash/Swiffy от создания полос почтового ящика.

В SWF: оставьте значение по умолчанию (AS2):

Stage.scaleMode = "noScale";

В CSS создали оболочку для контейнера Swiffy:

.swiffy-wrap { 
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  float: left;
  height: 0;
}

На контейнере Swiffy

#swiffycontainer {
  width : 100% !important;
  height: 100% !important;
  position: absolute;
  left: 0;
}
Источник

Просто поместите в html результат быстрой конверсии 100% будьте осторожны только ширина, а не высота, высота, вот так

div id="swiffycontainer" style="width: 100%; height: 500px"

работает для меня

Источник
Другие вопросы по тегам