css zoom是什麼意思
css樣式中的zoom的含義，我們至少要知曉一些。下面是本站小編給大家整理的css zoom是什麼意思，供大家參閱!
zoom這個屬性是ie專有屬性，除了設置或者檢索對象的縮放比例之外，它還有可以觸發ie的haslayout屬性，清除浮動，清除margin重疊等作用。 不過值得注意的一點就是火狐瀏覽器不支持zoom屬性，但是在webkit內核瀏覽器中zoom這個屬性也是可以被支持的。
(1)下面我們來看下zoom在非IE瀏覽器中的作用：看下面的例子，我是在谷歌瀏覽器下訪問的，在該例子中zoom的作用是放大爲原來的2倍(讀者可以自己嘗試縮小操作)
:1 時
以上代碼的結果如圖：
：2 即放大爲原來的2倍：
CSS代碼
list裏面的zoom:1的那裏就可以在IE6、IE7、IE8正常顯示效果了。
(3)下面是zoom屬性在IE瀏覽器中常見作用總結，希望對今後在使用這個屬性時有所幫助：
1、檢查頁面的標籤是否閉合
不要小看這條，也許折騰了你兩天都沒有解決的 CSS BUG 問題，卻僅僅源於這裏。畢竟頁面的模板一般都是由開發來嵌套的，而他們很容易犯此類問題。
快捷提示：可以用 Dreamweaver 打開文件檢查，一般沒有閉合的標籤，會黃色背景高亮。
2、樣式排除法
有些複雜的頁面也許加載了 N 個外鏈 CSS 文件，那麼逐個刪除 CSS 文件，找到 BUG 觸發的具體 CSS 文件，縮小鎖定的範圍。
對於剛纔鎖定的問題 CSS 樣式文件，逐行刪除具體的樣式定義，定位到具體的觸發樣式定義，甚至是具體的觸發樣式屬性。
3、模塊確認法
有時候我們也可以從頁面的 HTML 元素出發。刪除頁面中不同的 HTML 模塊，尋找到觸發問題的 HTML 模塊。
4、檢查是否清除浮動
其實有不少的 CSS BUG 問題是因爲沒有清除浮動造成的。養成良好的清除浮動的習慣是必要的，推薦使用 無額外 HTML 標籤的清除浮動的方法(儘量避免使用 overflow:hidden;zoom:1 的類似方法來清除浮動，會有太多的限制性)。
5、檢查 IE 下是否觸發 haslayout
很多的 IE 下複雜 CSS BUG 都與 IE 特有的 haslayout 息息相關。熟悉和理解 haslayout 對於處理複雜的 CSS BUG 會事半功倍。推薦閱讀 old9 翻譯的 《On having layout》(如果無法翻越穿越偉大的 GFW，可閱讀 藍色上的轉帖 )
快捷提示：如果觸發了 haslayout，IE 的調試工具 IE Developer Toolbar 中的屬性中將會顯示 haslayout 值爲 -1。
6、邊框背景調試法
故名思議就是給元素設置顯眼的邊框或者背景(一般黑色或紅色)，進行調試。此方法是最常用的調試 CSS BUG 的方法之一，對於複雜 BUG 依舊適用。經濟實惠還環保^^
最後想強調一點的是，養成良好的書寫習慣，減少額外標籤，儘量語義，符合標準，其實可以爲我們減少很多額外的複雜 CSS BUG，更多的時候其實是我們自己給自己製造了麻煩。
