今天被問起CSS中有個zoom屬性是干什么用的,雖然我知道這個屬性是用來清除浮動,來觸發haslayout的。但具體的定義還不是很了解,就百度了一點關于zoom屬性的資料,然后總結了一下。
CSS zoom屬性
zoom:設置或檢索對象的縮放比例,觸發IE瀏覽器的haslayout屬性,解決浮動,margin重疊等一些問題。
語法:
zoom:normal
參數:
normal:使用對象的實際尺寸(默認值)
number:用數字來定義縮放比例,不能出現負數,
例:
zoom:5
percentage:用百分比來定義縮放比例,不能出現負數
例:
zoom:200%
zoom是IE瀏覽器的專用屬性,以前火狐以及谷歌等一些其它瀏覽器是不支持的,也沒有通過W3C的標準。不過現在這個屬性開始標準化,已經出現在了css3的草案中。
另外:
用css中的zoom屬性可以讓網頁實現IE7中的放大縮小功能。
比如你想讓你的網頁縮小為原來的一半,那么就在body中加入style="zoom:0.5",
如:
程序代碼
<body style="zoom:0.5">
總結
以上所述是小編給大家介紹的css中zoom:1屬性的定義和作用,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!
新聞熱點
疑難解答