咨询,就免费赠送域名与服务器,咨询热线:15319700098当前位置: 主页 > 建站知识 > 网站设计知识 >
推荐内容

联系我们
电话咨询:18966828890
E-mail:438445@qq.com
地址: 西安市含光北路医药交易大厦6楼

zoom和transform:scale的区别和使用方法

作者/整理:西安网站建设 来源:互联网 2018-01-14

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个维度。