亚洲欧美精品沙发,日韩在线精品视频,亚洲Av每日更新在线观看,亚洲国产另类一区在线5

<pre id="hdphd"></pre>

  • <div id="hdphd"><small id="hdphd"></small></div>
      學習啦>學習英語>英語其它>

      css zoom是什么意思

      時間: 玉蓮928 分享

        css樣式中的zoom的含義,我們至少要知曉一些。下面是學習啦小編給大家整理的css zoom是什么意思,供大家參閱!

        css zoom是什么意思

        css的zoom屬性

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

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

        1.zoom:1 時

        以上代碼的結果如圖:

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

        CSS代碼

        .mainlist里面的zoom:1的那里就可以在IE6、IE7、IE8正常顯示效果了。

        (3)下面是zoom屬性在IE瀏覽器中常見作用總結,希望對今后在使用這個屬性時有所幫助:

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

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

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

        2、樣式排除法

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

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

        3、模塊確認法

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

        4、檢查是否清除浮動

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

        5、檢查 IE 下是否觸發(fā) haslayout

        很多的 IE 下復雜 CSS BUG 都與 IE 特有的 haslayout 息息相關。熟悉和理解 haslayout 對于處理復雜的 CSS BUG 會事半功倍。推薦閱讀 old9 翻譯的 《On having layout》(如果無法翻越穿越偉大的 GFW,可閱讀 藍色上的轉帖 )

        快捷提示:如果觸發(fā)了 haslayout,IE 的調試工具 IE Developer Toolbar 中的屬性中將會顯示 haslayout 值為 -1。

        6、邊框背景調試法

        故名思議就是給元素設置顯眼的邊框或者背景(一般黑色或紅色),進行調試。此方法是最常用的調試 CSS BUG 的方法之一,對于復雜 BUG 依舊適用。經濟實惠還環(huán)保^^

        最后想強調一點的是,養(yǎng)成良好的書寫習慣,減少額外標簽,盡量語義,符合標準,其實可以為我們減少很多額外的復雜 CSS BUG,更多的時候其實是我們自己給自己制造了麻煩。

        

      看過css zoom是什么意思的人還看了:

      1.cad中zoom是什么意思

      2.zoom是什么意思

      ​3.概念是什么意思

      4.專注的意思是什么

      5.特別是什么意思

      2943575