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

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

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。

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

最佳答案

我检查了您的JSFiddle，发现您的CSS重复了两次:

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

当我删除第二个.zoom-twice-same时，问题不再出现，因为您会看到here。

关于css - 在同一元素上复制Zoom CSS属性会在Chrome中将缩放重置为1，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23507912/