css中的zoom的使用

zoom : normal | number

normal :　 默認值。使用對象的實際尺寸

number :　 百分數(shù) | 無符號浮點實數(shù)。浮點實數(shù)值為1.0或百分數(shù)為100%時相當于此屬性的 normal 值用白話講解就是zoom:后面的數(shù)字即放大的倍數(shù)，可 以是數(shù)值，也可以是百分比。如：zoom:1，zoom:120%。

ps：網(wǎng)上都說是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

效果：

ps：p本身的大小是100，結果被放大了，和css3中的縮放有有較的卻別之一：放大 縮小多少倍，就占據(jù)多大的dom空間；

css中的縮放，占據(jù)的依然是元素本身設置的width 和 height 屬性滴呀

使用方式：比如觸發(fā)ie的hasLayout屬性，清除浮動、清除margin的重疊等。

{:;:;:;:;

}{:;:;:;:;

}

上面的做法已經(jīng)能解決現(xiàn)代瀏覽器上的問題了；如要要向下兼容ie6 就要加上zoom:1。

總結

以上是生活随笔為你收集整理的html zoom中心,css中的zoom的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。