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+

测试代码块

 

<fieldset>
    <legend><h4>zoom属性说明</h4></legend>
    <span>
        <em>设置或检索对象的缩放比例</em>,对应的特性为zoom.
        <br/>当前主流的浏览器仅Mozilla Firefox（火狐浏览器）不支持zoom.
    </span>
</fieldset>
<p style="zoom: normal">normal</p>
<p style="zoom: 1.5">number(No minus)</p>
<p style="zoom: 60%">percentage(No minus)</p>

　　在Chrome中的效果图