scale 和 zoom，以及zoom的一些变态用法

Posted 2020-07-28 奋斗着的程序媛

zoom和scale这两个东西都是用于对元素的缩放,一下是其中一些区别：

1、scale的缩小是以图片的中心，zoom的缩小是以图片的左上角。

2、zoom的缩放改变了元素占据的空间大小；而scale的缩放占据的原始尺寸不变，页面布局不会发生变化；

3、注意：如果给zoom赋值两次，会使zoom的最终值为二者的乘积

 

关于zoom的一些变态用法：

1、如果zoom与position共同使用 的话，在zoom上的相对距离就不用再手动乘以zoom的比例了，页面会自动计算，做相对位置的

2、在用js给zoom赋值的时候，不能与css样式表里初始赋值相同，否则会无效

 

最后，zoom在手机端的有些应用还是挺好用哒~