有時候,在設計頁面時,您可能需要調整某個元素的大小,讓它看起來更小或更大。
您可以使用CSS的zoom
屬性來縮放任何HTML元素。
使用小於1的值可以使元素變小。例如,將元素的大小縮小一半,可以使用0.5
:
div {
zoom: 0.5;
}
使用大於1的值可以使元素變大,例如這個例子中將元素放大2倍:
div {
zoom: 2;
}
注意,這個方法在Firefox瀏覽器中不起作用,您可以使用
-moz-transform: scale(NUMBER);
代替(如果您選擇使用這種方法,可以在所有瀏覽器上使用transform: scale(NUMBER);
)。