zoom 1的作用認識

2021-07-10 08:24:58 字數 742 閱讀 1745

zoom:1這個屬性一般不為人知,因為它最初是為ie設定的,在很多css手冊上都查詢不到。(現在最新版本的webkit也支援該屬性,值為reset。作用為讓你重設掉瀏覽器中正常的縮放行為——如果某個元素被宣告了zoom:reset,頁面上的其它元素在使用者放大頁面的時候都會跟著放大)

語法:

zoom:  ;
說明:zoom可以設定或檢索物件的縮放比例,就是可以對所設定zoom值的元素進行縮放。zoom屬性的值並不會繼承,但它會影響到它的子元素,子元素會隨著父元素一起放大或縮小。zoom的值即代表可以放大或縮小的倍數,支援三種型別,分別是:數字、百分比、normal,所有元素預設的zoom值為normal。

zoom的本意為縮放。但目前火狐、opera瀏覽器並不支援這個屬性,那麼這些瀏覽器用什麼來縮放呢?答案是css3!

cale([, ]):提供執行[sx,sy]縮放向量的兩個引數指定乙個2d 縮放。如果第二個引數未提供,則取與第乙個引數一樣的值。scale(x,y)是用於對元素進行縮 放,

可以通過transform-origin對元素 的基點進行設定,同樣基點在元素中心位置;基中x表示水平方向縮放的倍數,y表示垂直方向的縮放倍數,而y是乙個可選引數,如果沒有設 置y

值,則表示 x,y兩個方向的縮放倍數是一樣的。並以x為準。如:transform:scale(2,1.5);

常用的zoom的作用:

1.觸發ie瀏覽器的haslayout。

2.解決ie下的浮動,margin重疊等一些問題。

zoom 1的常見作用

zoom是ie專用屬性,firefox等是不支援的。它的本來作用是設定或檢索物件的縮放比例,但這作用幾乎用不到。可以讓網頁實現ie7中的放大縮小功能。比如你想讓你的網頁縮小為原來的一半,那麼就在body中加入style zoom 0.5 設定zoom 1可以在ie6下清除浮動 解決margin導致的...

zoom 1的常見作用

zoom是ie專用屬性,firefox等是不支援的。它的本來作用是設定或檢索物件的縮放比例,但這作用幾乎用不到。可以讓網頁實現ie7中的放大縮小功能。比如你想讓你的網頁縮小為原來的一半,那麼就在body中加入style zoom 0.5 設定zoom 1可以在ie6下清除浮動 解決margin導致的...

css中zoom 1以及z index的作用

一 css中zoom 1的作用 在做ie6 ie7 ie8瀏覽器相容的時候,經常會遇到一些問題,可以使用zoom 1來解決,有如下作用 1 觸發ie瀏覽器的haslayout 2 解決ie下的浮動,margin重疊等一些問題。二 z index auto number auto遵從其父物件的定位 n...