網頁美工設計

CSS樣式中zoom的含義及用法作用

編輯：時間：2018-07-03 09:27:19

　　zoom是主要是IE低版本瀏覽器的專有屬性，在CSS中經常用來觸發ie瀏覽器的專有屬性layout。CSS中zoom:1的作用

　　兼容IE6、IE7、IE8瀏覽器，經常會遇到一些問題，可以使用zoom:1來解決，有如下作用：

　　觸發IE瀏覽器的haslayout

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

　　zoom 基本語法zoom : normal | number

　　語法取值normal:默認值。

　　使用對象的實際尺寸number : 百分數 | 無符號浮點實數。浮點實數值為1.0或百分數為100%時相當于此屬性的 normal 值。

　　使用說明

　　設置或檢索對象的縮放比例。設置或更改一個已被呈遞的對象的此屬性值將導致環繞對象的內容重新流動。雖然此屬性不可繼承，但是它會影響對象的所有子對象( children )。這種影響很像 background 和 filter 屬性導致的變化。此屬性對于 currentStyle 對象而言是只讀的。對于視頻對象而言是可讀寫的。對應的腳本特性為 zoom 。

　　在實際應用中，由于考慮到兼容性，在頁面制作過程中經常出現的就是zoom:1，其他的基本不會用到。

　　css中的zoom的作用

　　1、檢查頁面的標簽是否閉合

　　不要小看這條，也許折騰了你兩天都沒有解決的 CSS BUG 問題，卻僅僅源于這里。畢竟頁面的模板一般都是由開發來嵌套的，而他們很容易犯此類問題。

　　快捷提示：可以用 Dreamweaver 打開文件檢查，一般沒有閉合的標簽，會黃色背景高亮。

　　2、樣式排除法

　　有些復雜的頁面也許加載了 N 個外鏈 CSS 文件，那么逐個刪除 CSS 文件，找到 BUG 觸發的具體 CSS 文件，縮小鎖定的范圍。

　　對于剛才鎖定的問題 CSS 樣式文件，逐行刪除具體的樣式定義，定位到具體的觸發樣式定義，甚至是具體的觸發樣式屬性。

　　3、模塊確認法

　　有時候我們也可以從頁面的 HTML 元素出發。刪除頁面中不同的 HTML 模塊，尋找到觸發問題的 HTML 模塊。

　　4、檢查是否清除浮動

　　其實有不少的 CSS BUG 問題是因為沒有清除浮動造成的。養成良好的清除浮動的習慣是必要的，推薦使用無額外 HTML 標簽的清除浮動的方法(盡量避免使用 overflow:hidden;zoom:1 的類似方法來清除浮動，會有太多的限制性)。