Сопоставляет ли ширина в процентах% производительности в анимации?

Question

Если у меня есть родительский 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); 

---

или имеющие фиксированную ширину для детей (note the px):

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

и воодушевляющих все дивы:

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

---

или это не имеет значения, как и в конце концов все будет изменен тем или иным образом?

Answer 1

Единица измерения размера, которую вы используете, не влияет на производительность вашей анимации.

Однако, если вы действительно обеспокоены производительностью, вам следует учитывать использование css3-переходов вместо jQuery (более подробная информация здесь: http://dev.opera.com/articles/view/css3-vs-jquery-animations/).

В любом случае, я сомневаюсь, что усиление производительности будет заметно в вашем случае.