css - 百分比宽度是否有助于动画的性能？

Question

如果我有一个固定宽度的父 div 和子 div，

<div id="parent">
    <div class="children"></div>
    <div class="children"></div>
    <div class="children"></div>
    <div class="children"></div>
</div>

.

#parent {
    width:100px;
}

我想为父母的宽度设置动画（所以孩子的宽度也会被动画）。

---

为孩子设置百分比宽度是否会更好地提高性能：

.children {
    width:25%;
    float:left;
}

和一个动画元素：

$('#parent').animate({
    width : 0
}, 1000);

---

或为孩子设置固定宽度（注意 px）：

.children {
    width:25px;
    float:left;
}

并为所有 div 设置动画：

$('#parent,.children').animate({
    width : 0
}, 1000);

---

或者根本不重要，因为最终一切都会以某种方式调整大小？

Answer 1

您使用的尺寸单位对动画的性能没有影响。

但是，如果你真的关心性能，你应该考虑使用 css3 过渡而不是 jQuery（更多信息在这里：http ://dev.opera.com/articles/view/css3-vs-jquery-animations/ ）。

无论如何，我怀疑在您的情况下性能提升会很明显。