如何使用CSS使元素變小或變大

有時候，在設計頁面時，您可能需要調整某個元素的大小，讓它看起來更小或更大。

您可以使用CSS的zoom屬性來縮放任何HTML元素。

使用小於1的值可以使元素變小。例如，將元素的大小縮小一半，可以使用0.5：

1
2
3

div {
  zoom: 0.5;
}

使用大於1的值可以使元素變大，例如這個例子中將元素放大2倍：

1
2
3

div {
  zoom: 2;
}

注意，這個方法在Firefox瀏覽器中不起作用，您可以使用-moz-transform: scale(NUMBER);代替（如果您選擇使用這種方法，可以在所有瀏覽器上使用transform: scale(NUMBER);）。

tags: [“CSS”, “縮放”, “元素大小”]