① 什麼是瀏覽器的兼容性

瀏覽器的兼容性是指網頁在各種瀏覽器上的顯示效果可能不一致而產生瀏覽器和專網頁間的屬兼容問題。

在網站的設計和製作中，做好瀏覽器兼容，才能夠讓網站在不同的瀏覽器下都正常顯示。而對於瀏覽器軟體的開發和設計，瀏覽器對標準的更好兼容能夠給用戶更好的使用體驗。瀏覽器兼容的重要性：

1、網站做好了瀏覽器兼容，能夠讓網站在不同的瀏覽器下都正常顯示。

2、瀏覽器兼容能夠抓住更多的網站訪客。

3、瀏覽器兼容能夠給客戶更好的體驗。

(1)瀏覽器兼容器擴展閱讀：

兼容趨勢

1、瀏覽器大戰後期的Internet Explorer和Netscape Navigator兩大瀏覽器都支持HTML 4.0和CSS 1，使得許多專用語法失去意義而被廢止。

2、客戶端腳本方面，瀏覽器大戰的產物DOM變成了瀏覽器間操控技術的共同界面；對專有方法已有涵蓋。

3、瀏覽器市場擴大，網站為了宣稱自己的兼容能力，一般都能在Mozilla Firefox、Opera、Safari和傳統陣營的Internet Explorer、Netscape Navigator正常被瀏覽。

4、瀏覽器的兼容能力日益受到需要；瀏覽器亦因應趨勢，使自己的瀏覽器提供更多兼容功能。

② 瀏覽器兼容性問題

常見瀏覽器兼容性問題與解決方案（面試題目）

1，瀏覽器兼容問題一：不同瀏覽器的標簽默認的margin和padding不同

問題症狀：隨便寫幾個標簽，不加樣式控制的情況下，各自的margin 和padding差異較大。

碰到頻率:100%

解決方案：

可以使用Normalize來清除默認樣式，具體可參考文章：來，讓我們談一談 Normalize.css

也可以使用如下代碼：

body,h1,h2,h3,ul,li,input,div,span,a,form …… { margin:0; padding:0; }

 

2，瀏覽器兼容問題二：塊屬性標簽float後，又有橫行的margin情況下，在IE6顯示margin比設置的大

問題症狀:常見症狀是IE6中後面的一塊被頂到下一行

碰到頻率：90%（稍微復雜點的頁面都會碰到，float布局最常見的瀏覽器兼容問題）

解決方案：在float的標簽樣式控制中加入 display:inline;將其轉化為行內屬性 

備註：我們最常用的就是div+CSS布局了，而div就是一個典型的塊屬性標簽，橫向布局的時候我們通常都是用div float實現的，橫向的間距設置如果用margin實現，這就是一個必然會碰到的兼容性問題。

 

3，瀏覽器兼容問題三：設置較小高度標簽（一般小於10px），在IE6，IE7，遨遊中高度超出自己設置高度

問題症狀：IE6、7和遨遊里這個標簽的高度不受控制，超出自己設置的高度

碰到頻率：60%

解決方案：給超出高度的標簽設置overflow:hidden;或者設置行高line-height 小於你設置的高度。

備註：這種情況一般出現在我們設置小圓角背景的標簽里。出現這個問題的原因是IE8之前的瀏覽器都會給標簽一個最小默認的行高的高度。即使你的標簽是空的，這個標簽的高度還是會達到默認的行高。

 

4，瀏覽器兼容問題四：行內屬性標簽，設置display:block後採用float布局，又有橫行的margin的情況，IE6間距bug

問題症狀：IE6里的間距比超過設置的間距 

碰到幾率：20%

解決方案：在display:block;後面

③ 經常遇到的瀏覽器的兼容性有哪些

1，瀏覽器兼容問題一：不同瀏覽器的標簽默認的margin和padding不同

問題症狀：隨便寫幾個標簽，不加樣式控制的情況下，各自的margin 和padding差異較大。

碰到頻率：100%

解決方案：

CSS里加一行

1

*{margin:0；padding:0；}

備註：這個是最常見的也是最易解決的一個瀏覽器兼容性問題，幾乎所有的CSS文件開頭都會用通配符*來設置各個標簽的內外補丁是0。

2，瀏覽器兼容問題二：塊屬性標簽float後，又有橫行的margin情況下，在IE6顯示margin比設置的大

問題症狀：常見症狀是IE6中後面的一塊被頂到下一行

碰到頻率：90%（稍微復雜點的頁面都會碰到，float布局最常見的瀏覽器兼容問題）

解決方案：在float的標簽樣式控制中加入 display:inline；將其轉化為行內屬性

備註：最常用的就是div+CSS布局了，而div就是一個典型的塊屬性標簽，橫向布局的時候通常都是用div float實現的，橫向的間距設置如果用margin實現，這就是一個必然會碰到的兼容性問題。

3，瀏覽器兼容問題三：設置較小高度標簽（一般小於10px），在IE6，IE7，遨遊中高度超出自己設置高度

問題症狀：IE6、7和遨遊里這個標簽的高度不受控制，超出自己設置的高度

碰到頻率：60%

解決方案：給超出高度的標簽設置overflow:hidden；或者設置行高line-height 小於你設置的高度。

備註：這種情況一般出現在設置小圓角背景的標簽里。出現這個問題的原因是IE8之前的瀏覽器都會給標簽一個最小默認的行高的高度。即使你的標簽是空的，這個標簽的高度還是會達到默認的行高。

4，瀏覽器兼容問題四：行內屬性標簽，設置display:block後採用float布局，又有橫行的margin的情況，IE6間距bug

問題症狀：IE6里的間距比超過設置的間距

碰到幾率：20%

解決方案：在display:block；後面加入display:inline；display:table；

備註：行內屬性標簽，為了設置寬高，需要設置display:block；(除了input標簽比較特殊)。在用float布局並有橫向的margin後，在IE6下，它就具有了塊屬性float後的橫向margin的bug。不過因為它本身就是行內屬性標簽，所以再加上display：inline的話，它的高寬就不可設了。

5，瀏覽器兼容問題五：圖片默認有間距

問題症狀：幾個img標簽放在一起的時候，有些瀏覽器會有默認的間距，加了問題一中提到的通配符也不起作用。

碰到幾率：20%

解決方案：使用float屬性為img布局

備註：因為img標簽是行內屬性標簽，所以只要不超出容器寬度，img標簽都會排在一行里，但是部分瀏覽器的img標簽之間會有個間距。去掉這個間距使用float是正道。（我的一個學生使用負margin，雖然能解決，但負margin本身就是容易引起瀏覽器兼容問題的用法，所以我禁止他們使用）

6，瀏覽器兼容問題六：標簽最低高度設置min-height不兼容

問題症狀：因為min-height本身就是一個不兼容的CSS屬性，所以設置min-height時不能很好的被各個瀏覽器兼容

碰到幾率：5%

解決方案：如果要設置一個標簽的最小高度200px，需要進行的設置為：{min-height:200px； height:auto ！important； height:200px； overflow:visible；}

備註：在B/S系統前端開時，有很多情況下有這種需求。當內容小於一個值（如300px）時。容器的高度為300px；當內容高度大於這個值時，容器高度被撐高，而不是出現滾動條。這時候就會面臨這個兼容性問題。


(3)瀏覽器兼容器擴展閱讀：

瀏覽器兼容性解決方案：

1，對於一般用戶來說：

應該用ie8兼容模式瀏覽網頁， 而不應該用ie9或ie10渲染模式. 很多用戶安裝ie10後發生很多網頁顯示錯亂， 就是兼容性的原因， 因為ie10默認的渲染模式是ie10. 此時應該將其改為ie7渲染模式。

用ie6/7渲染模式的原因如下:

中國所有網頁肯定都支持ie，支持ie就是支持ie內核的所有瀏覽器. 但並不一定支持chrome， firefox，雙核瀏覽器的高速模式，原因很簡單，網頁開發人員沒有那麼多時間和精力去兼容及測試那麼多瀏覽器，開發人員能讓網頁在ie下正常工作已經不錯了。

2，對於網站開發者來說：

暫沒有統一的能解決這樣的工具，最普遍的解決辦法就是不斷的在各瀏覽器間調試網頁顯示效果，通過對css樣式控制以及通過腳本判斷並賦予不同瀏覽器的解析標准。

如果所要實現的效果可以使用 框架，那麼還有另一個解決辦法是在開發過程中使用當前比較流行的JS，CSS框架框架，如jQuery，YUI等等，因為這些框架無論是底層的還是應用層的一般都已經做好了瀏覽器兼容，所以可以放心使用。

除此之外，CSS提供了很多hack介面可供使用，hack既可以實現跨瀏覽器的兼容，也可以實現同一瀏覽器不同版本的兼容。

④ 如何解決不同瀏覽器之間的兼容性問題

工具/原料

電腦 QQ瀏覽器

方法/步驟

1、首先打開電腦，在電腦桌面上找到QQ瀏覽器圖標雙擊。

⑤ 哪些瀏覽器兼容IE

遨遊，世界之窗，綠色瀏覽器，騰訊TT,360瀏覽器，這些知名的瀏覽器全部是IE內核，所以完全兼容
火狐
谷歌瀏覽器是自己單獨的內核，不兼容IE。

⑥ 瀏覽器兼容

現在主流的瀏覽器分為ie核心的和非ie，大多數網頁多支持ie核心的瀏覽器，所以就出現了非ie核心瀏覽器兼容性問題，而火狐就屬於非ie核心瀏覽器。我建議你用ie核心的瀏覽器試試，如世界之窗之類的。

⑦ 瀏覽器兼容性

在瀏覽器的地址欄中就可以設置瀏覽器的兼容模式的，
挺方便的，我也用過很多的瀏覽器，所以對瀏覽器還是
有一定的認識的，建議不要使用UC瀏覽器，這款瀏覽器的兼容
性不是很好，並且安全性也不高，總是出現各種各樣的問題，
現在的瀏覽器的選擇范圍還是很多的，像QQ瀏覽器，網路瀏覽器，
搜狗瀏覽器等等都是很不錯的呢，我現在一直在用QQ瀏覽器9.0版
的，感覺很不錯的，可以試試哦

⑧ 什麼是ie瀏覽器兼容模式

現在微軟的IE瀏覽器的最新版本是IE11，但是有些網頁或者是OA系統只能在IE8或者IE7下面才能正常運行，為了高版本的IE瀏覽器能夠正常的呈現那些網頁，所以才有了IE瀏覽器兼容模式。例如原來的網銀就是兼容模式的一個例子