css3中的zoom元素属性值测试

在样式表里头看到zoom:1的设置，很是好奇就去找了一些资料发现关于这个的讲述还是比较少。我特意在此记录方便你我。

---

理论知识

语法：

zoom：normal | <number> | <percentage>

默认值：normal

适用于：所有元素

继承性：有

动画性：是

计算值：绝对长度

取值：

normal：

使用对象的实际尺寸。

<number>：

用浮点数来定义缩放比例。不允许负值

<percentage>：

用百分比来定义缩放比例。不允许负值

兼容性：参考资料

• 浅绿 = 支持
• 红色 = 不支持
• 粉色 = 部分支持

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	6.0+	2.0-40.0	4.0+	6.0+	15.0+	6.0+	2.1+	18.0+

测试代码块

    
    
    
    





    
    

    
     
     
zoom属性说明
    
     
     
设置或检索对象的缩放比例,对应的脚本特性为zoom。
        

    当前主流的浏览器仅Mozilla Firefox（火狐浏览器）不支持。
    

    
    
zoom:normal测试
    
    
    

     
     zoom:normal
    
    

zoom:number测试

    
    

     
     zoom:1.5
    
    

zoom:percentage测试

    
    

     
     zoom:50%
    
    

在IE11中的效果图