css zoom與scale區別

weixin_33816946發表於2017-12-05

轉自:http://www.zhangxinxu.com/wordpress/2015/11/zoom-transform-scale-diff/

1、zoom的縮放是相對於左上角的;而scale預設是居中縮放;

2、zoom的縮放改變了元素佔據的空間大小;而scale的縮放佔據的原始尺寸不變,頁面佈局不會發生變化;所以二者會導致渲染的效能差異。

3、對文字的縮放規則不一致。zoom縮放依然受限於最小12畫素中文大小限制;而scale就是純粹的對圖形進行比例控制,文字50%原來尺寸。

 

相關文章