zoom是css中的一個(gè)屬性,有“縮放”的意思,用于設(shè)置或檢索對(duì)象的縮放比例,可以讓網(wǎng)頁(yè)實(shí)現(xiàn)IE7中的放大縮小功能。zoom是IE瀏覽器的專有CSS屬性,F(xiàn)irefox等瀏覽器不支持。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3版、Dell G3電腦。
zoom屬性是IE瀏覽器的專有屬性,F(xiàn)irefox等其它瀏覽器不支持。zoom屬性可以設(shè)置或檢索對(duì)象的縮放比例。
語(yǔ)法:
zoom:normal | <number> | <percentage>
默認(rèn)值:normal
適用于:所有元素
繼承性:有
取值:
-
normal:
使用對(duì)象的實(shí)際尺寸。
-
<number>:
用浮點(diǎn)數(shù)來(lái)定義縮放比例。不允許負(fù)值
-
<percentage>:
用百分比來(lái)定義縮放比例。不允許負(fù)值
zoom屬性怎么用?
1、用css中的zoom屬性可以讓網(wǎng)頁(yè)實(shí)現(xiàn)IE7中的放大縮小功能。
比如你想讓你的網(wǎng)頁(yè)縮小為原來(lái)的一半,那么就在body中加入style="zoom:0.5",
如: 代碼 <body style="zoom:0.5">
2、使用zoom、overflow解決IE6、IE7、火狐瀏覽器下嵌套容器清除浮動(dòng)問(wèn)題
學(xué)習(xí)視頻分享:css視頻教程