Производительность «transform: scale (..)» или «width/height: x%»?

Question

Что лучше для исполнения «transform:scale(X)» (если использовать его через скрипт с window.resize) или width/height:X%?

Answer 1

Если вы можете использовать width и height, то вы должны, поддержка гораздо лучше для них.

Они на самом деле делают разные вещи, а масштаб преобразования сохраняет место исходного элемента в потоке страницы, только масштаб визуального эффекта элемента. Он также расширяется из центра не из нижнего/правого угла.

Разница в производительности будет минимальной, они оба просто рисуют прямоугольники на экране. transform, вероятно, будет немного медленнее из-за того, как он рисует против потока страницы, но с минимальной разницей. Не о чем беспокоиться.

Answer 2

Чистый css всегда намного лучше, поэтому ширина/высота выражается в процентах - это ответ ...