首頁  >  文章  >  web前端  >  css中zoom屬性有什麼作用

css中zoom屬性有什麼作用

王林
王林轉載
2020-03-18 10:44:074418瀏覽

css中zoom屬性有什麼作用

CSS zoom屬性

zoom:設定或檢索物件的縮放比例,觸發IE瀏覽器的haslayout屬性,解決浮動,margin重疊等一些問題。

語法:

zoom:normal

(推薦教學:CSS教學

參數:

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影片教學

#

以上是css中zoom屬性有什麼作用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:jb51.net。如有侵權,請聯絡admin@php.cn刪除