Google Swiffy和响应式设计，高度

我正在测试Swiffy，并将其插入到Zurb的Foundation响应式框架中。这一切运作良好。我还更新了#swiffycontainer容器的CSS，其宽度为width: 100%;。Google Swiffy和响应式设计，高度

内容非常适合网格，但我唯一的问题是，如果大小没有明确设置，然后在一个较小的屏幕上，然后，我得到这个问题的高度是方式大于内容，即使高度设定在500px。这也导致Swiffy容器显示以外的阶段。

任何想法为什么？它是由Swiffy生成的SVG吗？谢谢！

更新：看来，这可能与舞台上AS 2/3的stageScale属性有关。有人会碰巧知道“showAll/SHOW_ALL”和“noBorder/NO_BORDER”之间的快乐媒介吗？舞台仍然在调整大小但没有显示边框的位置？

2013-12-11 lislis

我最终解决这一问题了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; 
}

2013-12-12 01:22:49 lislis

怎么样AS3为在Stage.scaleMode –

只需在swiffy转换宽度的html结果100%注意只有宽度不高度hei GHT，这样

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

作品对我来说

2014-02-13 11:24:30

回答