css中的zoom的作用
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都做網(wǎng)站、網(wǎng)站制作、岳普湖網(wǎng)絡(luò)推廣、微信小程序開發(fā)、岳普湖網(wǎng)絡(luò)營銷、岳普湖企業(yè)策劃、岳普湖品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供岳普湖建站搭建服務(wù),24小時(shí)服務(wù)熱線:13518219792,官方網(wǎng)址:www.cdcxhl.com
1、檢查頁面的標(biāo)簽是否閉合
不要小看這條,也許折騰了你兩天都沒有解決的 CSS BUG 問題,卻僅僅源于這里。畢竟頁面的模板一般都是由開發(fā)來嵌套的,而他們很容易犯此類問題。
快捷提示:可以用 Dreamweaver 打開文件檢查,一般沒有閉合的標(biāo)簽,會(huì)黃色背景高亮。
2、樣式排除法
有些復(fù)雜的頁面也許加載了 N 個(gè)外鏈 CSS 文件,那么逐個(gè)刪除 CSS 文件,找到 BUG 觸發(fā)的具體 CSS 文件,縮小鎖定的范圍。
對(duì)于剛才鎖定的問題 CSS 樣式文件,逐行刪除具體的樣式定義,定位到具體的觸發(fā)樣式定義,甚至是具體的觸發(fā)樣式屬性。
3、模塊確認(rèn)法
有時(shí)候我們也可以從頁面的 HTML 元素出發(fā)。刪除頁面中不同的 HTML 模塊,尋找到觸發(fā)問題的 HTML 模塊。
4、檢查是否清除浮動(dòng)
其實(shí)有不少的 CSS BUG 問題是因?yàn)闆]有清除浮動(dòng)造成的。養(yǎng)成良好的清除浮動(dòng)的習(xí)慣是必要的,推薦使用 無額外 HTML 標(biāo)簽的清除浮動(dòng)的方法(盡量避免使用 overflow:hidden;zoom:1 的類似方法來清除浮動(dòng),會(huì)有太多的限制性)。
5、檢查 IE 下是否觸發(fā) haslayout
很多的 IE 下復(fù)雜 CSS BUG 都與 IE 特有的 haslayout 息息相關(guān)。熟悉和理解 haslayout 對(duì)于處理復(fù)雜的 CSS BUG 會(huì)事半功倍。推薦閱讀 old9 翻譯的 《On having layout》(如果無法翻越穿越偉大的 GFW,可閱讀 藍(lán)色上的轉(zhuǎn)帖 )
快捷提示:如果觸發(fā)了 haslayout,IE 的調(diào)試工具 IE Developer Toolbar 中的屬性中將會(huì)顯示 haslayout 值為 -1。
6、邊框背景調(diào)試法
故名思議就是給元素設(shè)置顯眼的邊框或者背景(一般黑色或紅色),進(jìn)行調(diào)試。此方法是最常用的調(diào)試 CSS BUG 的方法之一,對(duì)于復(fù)雜 BUG 依舊適用。經(jīng)濟(jì)實(shí)惠還環(huán)保^^
最后想強(qiáng)調(diào)一點(diǎn)的是,養(yǎng)成良好的書寫習(xí)慣,減少額外標(biāo)簽,盡量語義,符合標(biāo)準(zhǔn),其實(shí)可以為我們減少很多額外的復(fù)雜 CSS BUG,更多的時(shí)候其實(shí)是我們自己給自己制造了麻煩。希望你遠(yuǎn)離 BUG ,生活越來越美好
zoom屬性確實(shí)是ie專有屬性,除了設(shè)置或者檢索對(duì)象的縮放比例之外,它還具有觸發(fā)ie的haslayout屬性,清除浮動(dòng),清除margin重疊等作用。
但是火狐瀏覽器不支持zoom屬性,不過在webkit內(nèi)核瀏覽器中zoom這個(gè)屬性也是可以被支持的。
顯然,你這里設(shè)置的zoom:2,?
即表示放大為原來的2倍,里面的字體也相應(yīng)被放大了2倍。
在IE瀏覽器里,Zoom的使用方法是這樣的:
zoom
:
normal
|
number
normal
:
默認(rèn)值。使用對(duì)象的實(shí)際尺寸
number
:
百分?jǐn)?shù)
|
無符號(hào)浮點(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)常用到作用是清除浮動(dòng)等。
其實(shí)這個(gè)屬性是一個(gè)不標(biāo)準(zhǔn)的css屬性,因此一般在非IE瀏覽器中是不推薦使用zoom來實(shí)現(xiàn)div
的縮放效果的,如果想要廣泛引用實(shí)現(xiàn)放大或者縮小的效果,可以直接用css3的transform屬性來替代的,即你這里可以設(shè)置為transform:scale(2)。關(guān)于transform屬性的具體屬性和使用可查看在線教程CSS3
transform
屬性。
希望我的回答能夠幫到你。
用css中的zoom屬性可以讓網(wǎng)頁實(shí)現(xiàn)IE7中的放大縮小功能。
比如你想讓你的網(wǎng)頁縮小為原來的一半,那么就在body中加入style="zoom:0.5",如:
程序代碼
body style="zoom:0.5"