這篇“css的zoom屬性有什么用”文章，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“css的zoom屬性有什么用”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進(jìn)入主題吧。

10年積累的網(wǎng)站制作、做網(wǎng)站經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有津市免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

css是什么意思

css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機(jī)語言，主要是用來設(shè)計網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中，而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結(jié)構(gòu)決定，從而實現(xiàn)級聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對于網(wǎng)頁進(jìn)行格式化。

zoom屬性是ie專有屬性，除了設(shè)置或者檢索對象的縮放比例之外，它還有可以觸發(fā)ie的haslayout屬性、清除浮動、清除margin重疊等作用。

css的zoom屬性

zoom這個屬性是ie專有屬性，除了設(shè)置或者檢索對象的縮放比例之外，它還有可以觸發(fā)ie的haslayout屬性，清除浮動，清除margin重疊等作用。 不過值得注意的一點就是火狐瀏覽器不支持zoom屬性，但是在webkit內(nèi)核瀏覽器中zoom這個屬性也是可以被支持的。

（1）下面我們來看下zoom在非IE瀏覽器中的作用：看下面的例子，我是在谷歌瀏覽器下訪問的，在該例子中zoom的作用是放大為原來的2倍（讀者可以自己嘗試縮小操作）

1.zoom:1  時

  
  
      
          
  
      
      
        
hello
  
      

以上代碼的結(jié)果如圖：

2.zoom：2  即放大為原來的2倍：

  
  
      
          
  
      
      
        
hello
  
      

結(jié)果截圖如下：

注意：zoom在非IE瀏覽器中表現(xiàn)為支持放大或者縮小，但是由于這個屬性是一個不標(biāo)準(zhǔn)的css屬性，因此一般在非IE瀏覽器中不用zoom來實現(xiàn)div 的縮放效果，現(xiàn)在要放大或者縮小直接用css3的transform屬性。

（2）看完了zoom在非IE瀏覽器中的表現(xiàn)之后，我們就該看看這個屬性在IE瀏覽器中的作用了。

Zoom的使用方法：

zoom :? normal | number

normal :　 默認(rèn)值。使用對象的實際尺寸

number :　 百分?jǐn)?shù) | 無符號浮點實數(shù)。浮點實數(shù)值為1.0或百分?jǐn)?shù)為100%時相當(dāng)于此屬性的 normal 值用白話講解就是zoom:后面的數(shù)字即放大的倍數(shù)，可以是數(shù)值，也可以是百分比。如：zoom:1，zoom:120%。而這個屬性只要在IE中才起作用，所以很少用到它的實際用途，而最經(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瀏覽器中的重疊問題：這就要提到zoom屬性在IE中的第二個作用了，即

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

(2)觸發(fā)IE瀏覽器的haslayout ,解決ie下的浮動，margin重疊等一些問題。

比如，本站使用DIV做一行兩列顯示，HTML代碼：

   
推薦文章
   
   
CSS庫吧
   
原創(chuàng)< /a>