css中的zoom的使用

zoom : normal | number
normal :　 默认值。使用对象的实际尺寸
number :　 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值用白话讲解就是zoom:后面的数字即放大的倍数，可 以是数值，也可以是百分比。如：zoom:1，zoom:120%。

ps：网上都说是ie的专有属性，本人亲测chrome下也可以使用；（Firefox浏览器不支持）

实例一：

.first-p{   
         width: 100px;   
         height: 100px;   
         background: red;   
         zoom:1;   
         float: left  
     }   
     .second-p{   
         width: 100px;   
         height: 100px;   
         background: green;   
         zoom:1.5;   
         float:left  
     }   
     .third-p{   
         width: 100px;   
         height: 100px;   
         background: blue;   
         zoom:2;   
         float:left  
     }

html

效果：

{:;:;:;:;

       
  }{:;:;:;:;  
  }

上面的做法已经能解决现代浏览器上的问题了；如要要向下兼容ie6 就要加上zoom:1。

以上就是css中的zoom的使用的详细内容，更多请关注 第一PHP社区 其它相关文章！