其實zoom屬性是ie瀏覽器的專有屬性,firefox等瀏覽器不支援。它可以設定或檢索物件的縮放比例。除此之外,它還有其他一些小作用,比如觸發ie的haslayout屬性,清除浮動、清除margin的重疊等。
zoom的使用方法:
zoom : normal | number
normal : 預設值。使用物件的實際尺寸
number
: 百分數 | 無符號浮點實數。浮點實數值為1.0或百分數為100%時相當於此屬性的 normal
值用白話講解就是zoom:後面的數字即放大的倍數,可以是數值,也可以是百分比。如:zoom:1,zoom:120%。而這個屬性只要在ie中才起作
用,所以很少用到它的實際用途,而最經常用到作用是清除浮動等(見本博另一篇如何解決height:auto無效的問題,加上zoom:1後父元素就必須擴充套件自己的寬高以包含那些float的內容或者很長沒有截斷的單詞)如:
複製**
**如下:
.border
_zoom是css hack中專對ie6起作用的部分。ie6瀏覽器會執行zoom:1表示物件的縮放比例,但這裡
overflow:hidden;和_zoom:1;是連起來用的,作用是清除border內部浮動。
同理,還可以使用同樣方法清除margin屬性在ie瀏覽器中的重疊問題。
css中zoom:1的作用
相容ie6、ie7、ie8瀏覽器,經常會遇到一些問題,可以使用zoom:1來解決,有如下作用:
觸發ie瀏覽器的haslayout (瀏覽器出現問題時,很大可能是haslayout,此時設定zoom:1,看問題是否消失)
解決ie下的浮動,margin重疊等一些問題。
比如,本站使用div做一行兩列顯示,html**:
複製**
**如下:
css**:
複製**
**如下:
.h_mainbox
.h_mainbox h2
.h_mainbox h2 span
.h_mainbox ul
.mainlist
.h_mainbox
li
.mainlist裡面的zoom:1的那裡就可以在ie6、ie7、ie8正常顯示效果了。
css中的zoom的作用
多的 ie 下複雜 css bug 都與 ie 特有的 haslayout 息息相關。熟悉和理解 haslayout 對於處理複雜的 css
Zoom屬性解釋
zoom屬性它是ie windows internet explorer 瀏覽器的專有屬性,ff 火狐firefox 等瀏覽器不支援。作用 可以設定或檢索物件的縮放比例。還有其他一些小作用,比如觸發ie的haslayout屬性,清除浮動 清除margin的重疊等。zoom的使用方法 zoom nor...
zoom屬性 其它 和z index屬性 定位
一.zoom屬性 可設值1.0 100 小數,整數,百分數 作用,值為1.0就為原始大小,2就是兩倍如此類推 css中文手冊中的例子 您所看到的文字塊的名字是小強,的名字是旺財,請您從下方的選擇框內加減選擇旺財和小強的zoom值,看一看會發生什麼,然後您就會明白這個屬性的意義。希望您喜歡這本電子書。...
python 私有屬性和視為私有屬性
python模組中的視為私有屬性 總的來說,python中有 幾種特殊的屬性 在python模組中,我們經常會見到 x 其中後面兩種 x 是習慣上的私有變數,我們不應該在外部使用它,而是應該通過呼叫內部函式來使用,但這裡是不應該而不是不能,所以要靠我們自覺遵守這個標準,另外,在自定義模組的時候,也要...