一吨娜、zoom
設(shè)置或檢索對象的縮放比例蚂且,適用于所有元素
zoom:normal(默認值) | <number> | <percentage>
除了FireFox瀏覽器,其他奔则,尤其Chrome和移動端瀏覽器已經(jīng)很好支持zoom屬性了
注意赢笨,雖然Chrome/Safari瀏覽器支持了zoom屬性未蝌,但是,其實zoom并不是標準屬性茧妒。
二萧吠、css3 transform:scale
transform: scale(<x> [<y>]):2D 縮放轉(zhuǎn)換。同時有scaleX, scaleY專門的x, y方向的控制桐筏。
和zoom不同纸型,scale并不支持百分比值和normal關(guān)鍵字,只能是數(shù)值。而且狰腌,還能是負數(shù)除破。
三、zoom和scale更深層次的差異
1.zoom 縮放會改變元素真實空間大小
在文檔流中zoom加在任意一個元素上都會引起一整個頁面的重新渲染琼腔,而scale只是在當前的元素上重繪瑰枫。scale呢變化時候,其原本的尺寸是不變的丹莲,因此躁垛,就沒有l(wèi)ayout的重計算;但是zoom牽一發(fā)動全身圾笨,就麻煩地多!
2.對文字的縮放規(guī)則不一致:zoom的縮放依然受限于最小12px的中文大小限制逊谋;而scale就是純粹就圖形進行比例控制擂达,文字50%原來尺寸。