在同一元素上复制缩放CSS属性会在Chrome中将缩放重置为1

Question

这是我遇到的问题的简化版本(错误？):

http://jsfiddle.net/LxkA2/8/

注意第三个元素和相关的样式:

.zoom-twice-same {
    zoom: 2;
}
.zoom-twice-same {
    zoom: 2;
}

在Chrome中,这会将该元素的缩放重置为1.同样的事情发生在:

.zoom-twice-same, .zoom-twice-same {
    zoom: 2;
}

然而,

.zoom-twice-same {
    zoom: 2;
}
.zoom-twice-same {
    zoom: 3;
}

按预期工作(要素2).

此外,

.zoom-twice-same {
    zoom: 2.000001;
}

.zoom-twice-same {
    zoom: 2;
}

按预期工作.使用zoom: 2.0000001和2不.

这是一个错误还是有这种行为的原因？

Answer 1

我检查了你的 JSFiddle 并注意到你将以下 CSS 重复了两次：

.zoom-twice-same {
    zoom: 2;
}

当我删除第二个时，.zoom-twice-same问题没有再次出现，正如您将在此处看到的那样。