网站建设技术团队
zoom和transform:scale的区别和使用方法
  • 日期 : 2018-07-17
zoom支持的值类型有:
百分比值:zoom:50%,表示缩小到原来的一半
数值:zoom:0.5,表示缩小到原来的一半
normal关键字:zoom:normal等同于zoom:1


transform:scale支持的值类型有: 
从IE9+到其他现代浏览器都支持。语法为:transform:scale(x,y). x, y是方向的控制,和zoom不同,scale并不支持百分比值和normal关键字,只能是数值.

表面所见的差异:浏览器兼容性。IE全族/Chrome/Safari和IE9+现代浏览器的差别。 控制缩放的值不一样。zoom更全面,但是不能是负数,只能等比例控制;而scale虽然只能是数值,但是能负数,可以只控制1个维度。