我正在测试swiffy,并将其插入到zurb的基础响应框架中。一切都很好。我还更新了#swiffycontainer
容器的css,使其宽度为width: 100%;
。
内容非常适合网格,但我唯一的问题是,如果没有显式设置大小,那么在较小的屏幕上,我会遇到高度比内容大得多的问题,即使高度设置为500px
。这也导致了快速容器显示阶段外的内容。
你知道为什么吗?它是否与从swiffy生成的svg一起使用?谢谢!
更新:这似乎与as 2/3的stagescale属性有关。有谁会碰巧知道“show all/show悻all”和“no border/no悻border”之间有一个愉快的媒介吗?舞台仍在调整大小,但周围没有边界?
最佳答案
最后,我用一些css来解决这个问题,确保高度与宽度成比例地缩放(可能是由于响应网格造成的宽度)。这样可以防止flash/swiffy容器创建信箱栏。
在swf中:保持默认值(as2):
Stage.scaleMode = "noScale";
在css中,在swiffy容器上创建了一个包装:
.swiffy-wrap {
position: relative;
width: 100%;
padding-bottom: 100%;
float: left;
height: 0;
}
在这个脏兮兮的容器上
#swiffycontainer {
width : 100% !important;
height: 100% !important;
position: absolute;
left: 0;
}