2013-12-11 54 views
3

我正在測試Swiffy,並將其插入到Zurb的Foundation響應式框架中。這一切運作良好。我還更新了#swiffycontainer容器的CSS,其寬度爲width: 100%;Google Swiffy和響應式設計,高度

內容非常適合網格,但我唯一的問題是,如果大小沒有明確設置,然後在一個較小的屏幕上,然後,我得到這個問題的高度是方式大於內容,即使高度設定在500px。這也導致Swiffy容器顯示以外的階段

任何想法爲什麼?它是由Swiffy生成的SVG嗎?謝謝!

更新:看來,這可能與舞臺上AS 2/3的stageScale屬性有關。有人會碰巧知道「showAll/SHOW_ALL」和「noBorder/NO_BORDER」之間的快樂媒介嗎?舞臺仍然在調整大小但沒有顯示邊框的位置?

回答

3

我最終解決這一問題了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; 
} 
+0

怎麼樣AS3爲在Stage.scaleMode –

2

只需在swiffy轉換寬度的html結果100%注意只有寬度不高度hei GHT,這樣

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

作品對我來說