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

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

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

div {
  zoom: 0.5;
}

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

div {
  zoom: 2;
}

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