IT市場(chǎng)越是(′?_?`)網(wǎng)站發(fā)達，可供網(wǎng)民們使用的建設兼容網(wǎng)絡(luò )工具就越多，這其中包括各(?⊿?)色各樣的必備瀏覽器，不同風(fēng)格不同習慣的到網(wǎng)瀏覽器雖然在最大程度上滿(mǎn)足了不同愛(ài)好的網(wǎng)民朋友但卻給網(wǎng)站設計師們帶來(lái)了困惑。為了能讓自己(′?｀)的站瀏網(wǎng)站設計正常??的運行于各種瀏覽器平臺，建設網(wǎng)站時(shí)程序員都會(huì )裝有多款的覽器瀏覽器，來(lái)測試網(wǎng)??站的網(wǎng)站兼容，如(′_｀)果有某種瀏覽器不能正常顯示，建設兼容就意味著(zhù)需要調整了。必備那么問(wèn)題來(lái)了，到網(wǎng)全球這么多瀏覽器，站瀏都要做兼容嗎(′?｀)？覽器目前全球市面的上瀏覽器非常多，也許足有100多種，網(wǎng)站但我們在網(wǎng)頁(yè)制作過(guò)程中，建設兼容只需要對主流瀏覽器進(jìn)ヽ(′?｀)ノ行兼容測試。必備這包括：IE、火狐(Firef(′?_?`)ox)、谷歌(Chrome)、蘋(píng)果(Safari)、Opera等幾款??全球應??用范圍最廣的瀏覽器。一、常見(jiàn)的┐(′д｀)┌兼容性問(wèn)題1.BUG：不同瀏覽器(qi)標(biao)簽默認的margin和padding不同。 Hack??:css里增加通配符*{ margin：0；padding：0} 2.B??UG：圖片默認又間距。 &n??bsp; Hack:使用f??loat??為img布局 3.BUG：當標簽的高度設置小于10px，在IE6、IE7中會(huì )超出自己設置的高度 Hack：超出高度的標簽設置overflow：hidden，或者設置line-height的值 小于你的設置高度&nbs(T_T)p;4.BUG：IE9以下瀏覽器不能使用opacity Hack：filter：alfha（opacit(′?ω?`)y=50） 備注：這里面的opacity的值取值范圍 （1-100），相當于正常設置opacity：0.5??。 5.BUG：IE與寬度和高度的問(wèn)題。(IE不認得min-這個(gè)定義，但實(shí)際上(shang)它把正常的width和height當作有min的情況(′_｀)來(lái)使。如果只用寬度和高度，正常的瀏覽 器里這兩個(gè)值就不會(huì )變，如果只用min-width和min-??heigヽ(′ー｀)ノht的話(huà)，IE下面根本等于沒(méi)有設置寬度和高度。在設置背景圖片的時(shí)候會(huì )用到) Hack:#box{ wid?th: 80px;height: 35px;}html>body #box(′?｀){ width: au(╯‵□′)╯to;height: auto;min-width: 80px;mi??n-hei??ght: 3 5px;??(◎_◎;)} 瀏覽器兼容性問(wèn)題解(′?_?`)決的辦法都??是實(shí)踐中來(lái)(??-)?到實(shí)踐中去，有很多前輩給我們做了鋪墊，但凡事都有局限性，所以，遇到了問(wèn)題我們也必須去克服。二、避免兼容性的技巧我們整理了幾條編碼(??ヮ?)?*:???模式與經(jīng)驗來(lái)解決支持舊IE??瀏覽器的技巧分(fen)享給大家。1、使用模板如HTML5 Boilerplate進(jìn)行開(kāi)發(fā)很多成熟的模板各方面都做得很到位，這些準則對以現代瀏覽器為目標的項目和需要舊瀏覽器（低至IE6都能很好的支持）支持的項目工作得一樣好。直接拿來(lái)使用不但可以節省時(shí)間更能減少一些IE兼容問(wèn)題。2、使用標準是IE10來(lái)開(kāi)發(fā)項目它能實(shí)時(shí)分析你的網(wǎng)站，準確的找到(???)問(wèn)題的類(lèi)型并給出解決方法。通過(guò)在你的代碼中包括一個(gè)簡(jiǎn)單的JavaScript腳本文件，在你的頁(yè)面你就能得到可視化的結果。它也可以??被集成進(jìn)Fidder HTTP分析工具。3、不盲目使用p(′ω｀)olyfills和shimspolyfills和shims提供了代碼和標簽，可以幫助模擬標準的API和功能，但在使用時(shí)一定要能保證實(shí)用，更便于以后的開(kāi)發(fā)和修改。4、多版本多瀏覽器測試，確認無(wú)誤后再上線(xiàn)。(°ロ°) !檢查有沒(méi)有警告或錯誤信息后，再提交項目，不然讓客戶(hù)或老板發(fā)現了多尷尬。5、使用標(°o°)簽最新的HTML5標簽，改善了標簽的語(yǔ)義化，但需要特殊的輔助腳本讓IE6，7和8認識他們。頁(yè)面在太舊的瀏覽器或者禁止腳本時(shí)無(wú)法使用HTML5標簽，那么使用標簽是對這些(xie)情況比較靠譜的解決方法。6、css文件應該在head里引入，js最后引入。如果body中引入CSS會(huì )導致頁(yè)面全空，直到CSS加載后才顯示。若在頭部引??入則讓瀏覽器盡早地讀取他們，就可以避免上述的情況。Js在最后引入則可以加快網(wǎng)站的打開(kāi)速度，能很好的提高用戶(hù)體驗。7、簡(jiǎn)潔、特定瀏覽器的c??ss樣式。不要到處是無(wú)法重用的的id和class，避免使用"！imporant"。為html或body標簽添加特定瀏覽器的class，并在css規則中使用。而不是hack。這樣不但利于seo網(wǎng)站優(yōu)化，更讓二次開(kāi)發(fā)??提供便利。8、JavaScript最大限度以用戶(hù)體驗為中心盡可能在(╬?益?)Ready后立刻執行腳本。如果Ajax關(guān)系用戶(hù)交互，越早請求越好，延遲加載非必要的腳本（如Facebook Like，Google +1，Twitter）等。新網(wǎng)網(wǎng)站建設，為您提供一站式網(wǎng)站建設推廣方案：http://www.xinnet.com/jianzhan/zizhujianzhan.html
