仅在Firefox中的填充百分比差异

Question

我在我正在工作的网站上为新闻开发了不同的响应框。除了主要内容顶部滑块内的新闻之外，一切似乎都正常。它可以在Chrome，Opera甚至Internet Explorer中正常显示，但不能在Firefox中显示。问题似乎出现在article元素中，特别是在以下CSS代码行中：

.home .first-level-post {
    margin: 0px;
    width: 100%;
    padding-top: 45.1613%;
}

它应该有height 280px，这就是我选择45.1613%作为其价值的原因。容器的width为620px，而45.1613％为280px。

当我关闭padding-top属性时，它会获取属于滑块外部93.3333%元素的article值（宽度为300px），显示应该如此，但是这个值在其他浏览器中不起作用。

我一直在处理这个问题有一段时间我似乎无法找到解决方案。 您可以正确检查此问题right here。

先谢谢你，伙计们：）

Answer 1

由于继承了.home文章类，Firefox正在根据高度0来解释您的填充。

将CSS更改为此似乎可以解决我在Firefox中的问题而不会对Chrome产生负面影响：

def transform(data):
    for row in data:
        if row[-1] == -1:
            row = row * -1