在進行網站開發的時候，我們經常會遇到需要縮放元素大小的情況。而 CSS 中的縮放屬性 transform-scale() 就可以滿足這一需求。但是，在使用這個屬性的時候，我們需要注意縮放的基點問題。

transform: scale(2);

上述代碼是一個簡單的 transform-scale 屬性的例子。該屬性可以使元素的大小擴大兩倍。但是，這個縮放作用的基礎點是什么呢？答案是默認為元素的中心點。這個中心點就是元素的重心。

我們可以通過指定變換基點來更改縮放的基準點。如下所示：

transform-origin: top left;

這一行代碼指定了元素變換的基準點為元素的左上角。這意味著，變換的中心點將從原來的“元素中心”轉換為“元素的左上角”。這對于需要通過某個特定點進行縮放的需求非常有用。

因此，當使用 transform-scale() 來縮放元素大小時，一定要記得設置變換基準點。這可以使得我們的設計更加精確。