В чем разница между scale и width height?

Question

[SheikhRamil]

В чем разница если на том и на другом могу увеличить размер блока.

Answer 1

[Вадим]

Самое главное отличие в том, что изменения, заданные с помощью transform не влияют на поток документа.
То есть "физические" размеры и положение блока остаётся будто бы transform не применён, а визуально - будто применён.
Так же применение свойства transform на элементе создаёт новый контекст наложения, относительно которого, например, рассчитывается z-index.
А ещё использование transform может выносить вычисление на видеокарту.
А ещё для анимации элемента лучше использовать transform, а не width\height, так как это лучше для производительности. Это следует из пункта про поток документа.

Примерно так это выглядит:

Зелёный - реальный размер блока, синий - до какого он был визуально уменьшен при transform: scale(0.8)

Answer 2

[Sergo Zar]

Разница в том что через w/h, условно говоря, ты элемент сжимаешь/расширяешь так что внутрнние элементы должны подстроится под новый размер. А через scale изменяет размер, так будто ты просто сделал скриншот элемента и в фоторедакторе увеличил/уменьшил этот скриншот, т.е. внутренние элементы будут на тех же позициях что и до смены размера но увеличены/уменьшены и с теми же пропорциями.

P.s. если не правильно объяснил то поправте