CSS中的zoom屬性可以改變元素的縮放比例,它的取值可以是一個數(shù)字或者百分數(shù),表示元素應該縮放的倍數(shù)或者百分比。
.example { zoom: 2; /* 元素被放大兩倍 */ } .example2 { zoom: 50%; /* 元素被縮小為原來的一半 */ }
但是需要注意的是,zoom屬性只會影響到元素的尺寸,而不會影響到內(nèi)容的尺寸。換句話說,zoom會拉伸或壓縮元素的背景、邊框和內(nèi)邊距等,但不會影響到元素內(nèi)部的文字或者圖片等。
另外,由于zoom是一個IE瀏覽器私有的屬性,因此在其他瀏覽器中可能不會生效。一些瀏覽器也支持類似于transform: scale()這樣的屬性來實現(xiàn)元素的縮放效果。