溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

IE瀏覽器專有css屬性中zoom的使用方法

發(fā)布時(shí)間:2021-09-14 16:20:54 來源:億速云 閱讀:302 作者:柒染 欄目:web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)IE瀏覽器專有css屬性中zoom的使用方法,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

zoom:1;一般是拿來解決IE6的子元素浮動時(shí)候父元素不隨著自動擴(kuò)大的問題,功能相當(dāng)于overflow:auto,同樣也可以用height:1%來代替zoom:1。

所以一般要在浮動元素的父元素加上overflow:auto;zoom:1; 。這樣,子元素浮動,父元素再也不會不自動跟子元素?cái)U(kuò)大了。

Zoom的使用方法:

代碼如下:


zoom :? normal | number
normal :  默認(rèn)值。使用對象的實(shí)際尺寸

number :  百分?jǐn)?shù) | 無符號浮點(diǎn)實(shí)數(shù)。浮點(diǎn)實(shí)數(shù)值為1.0或百分?jǐn)?shù)為100%時(shí)相當(dāng)于此屬性的 normal 值 用白話講解就是zoom:后面的數(shù)字即放大的倍數(shù),可以是數(shù)值,也可以是百分比。如:zoom:1,zoom:120%。 而這個(gè)屬性只要在IE中才起作用,所以很少用到它的實(shí)際用途,而最經(jīng)常用到作用是清除浮動等,如:

代碼如下:

.border{
border:1px solid #CCC;
padding:2px;
overflow:hidden;
_zoom:1;
}

_zoom是CSS hack中專對IE6起作用的部分。IE6瀏覽器會執(zhí)行zoom:1表示對象的縮放比例,但這里
overflow:hidden;和_zoom:1;是連起來用的,作用是清除border內(nèi)部浮動。

同理,還可以使用同樣方法清除margin屬性在IE瀏覽器中的重疊問題。

關(guān)于IE瀏覽器專有css屬性中zoom的使用方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI