為什麼會出現瀏覽器相容性問題,如何解決不同瀏覽器之間的相容性問題

時間 2021-10-14 20:54:51

1樓:匿名使用者

相容性(compatibility)是指硬體之間、軟體之間或是軟硬體組合系統之間的相互協調工作的程度。相容的概念比較廣,相對於硬體來說,幾種不同的電腦部件,如cpu、主機板、顯示卡等,如果在工作時能夠相互配合、穩定地工作,就說它們之間的相容性比較好,反之就是相容性不好。對於軟體的相容性,一種是指某個軟體能穩定地工作在某作業系統之中,就說這個軟體對這個作業系統是相容的。

再就是在多工作業系統中,幾個同時執行的軟體之間,如果能穩定地工作,不出經常性的錯誤,就說它們之間的相容性好,否則就是相容性不好。

現在對相容性的要求挺高的。一個瀏覽器如果相容性不好就有可能打不開網頁阿什麼的。就比如之前我用uc瀏覽器開啟我的檔案或者某個網頁的時候,就有會出現亂碼的問題。

這就是因為相容不了才會出現的問題。有的相容不了,**也會出現文字堆疊的情況。再比如我報名英語六級的時候,因為這個瀏覽器相容不了報名**,所以報名的資訊就填寫不了。

銀行**對相容性的要求也比較高。所以一個好的瀏覽器必須要有一個好的相容系統。

2樓:網際網路資訊分享

因為不同瀏覽器使用核心及所支援的html(標準通用標記語言下的一個應用)等網頁語言標準不同;以及使用者客戶端的環境不同(如解析度不同)造成的顯示效果不能達到理想效果。最常見的問題就是網頁元素位置混亂,錯位。

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

3樓:李鴻博

常見的瀏覽器相容性問題與解決方案大致有以下九種形式:

一、不同瀏覽器的標籤預設的外邊界和內填充不同

問題表現:不加樣式控制下,margin和padding差異較大

解決方案:css裡 *

備註:這是最常見也是最易解決的一個相容問題,幾乎所有的css檔案開頭都會用萬用字元*來設定各個標籤外邊界和內填充為0

二、塊屬性標籤float後,又有橫向的margin情況下,在ie6顯示margin比設定的大

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

備註:橫向浮動的div佈局,使用上margin進行邊界設定時,必然會碰到此問題

三、設定較小高度標籤(一般小於10px),在ie6、ie7,遨遊中高度超出設定高度值

問題表現:ie6、7和遨遊裡這個標籤的高度不受控制,超出自己設定的高度

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

備註:一般出現在設定小圓角背景的標籤裡。出現該問題原因是ie8之前的瀏覽器都會給標籤一個最小預設行高的高度,即使標籤是空內容,標籤的高度還是會有預設行高。

四、行內屬性標籤,設定display:block後採用float佈局,又有橫向的margin情況,ie6間距bug

問題表現:ie6的間距比超過設定的間距

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

備註:行內屬性標籤,為了設定寬度,需要設定為display:block;(表單元素除外)在用float佈局且有橫向margin後,在ie6下,就具有了塊屬性float後的橫向margin的bug。

由於設定為display:inline,高度失效,所有在後面補上display:table。

五、**預設有間距

問題表現:幾個img標籤放在一塊,有些瀏覽器會有預設的間距,有萬用字元也不起作用

解決方案:使用float屬性為img佈局

備註:img標籤是行內屬性標籤,只要不超出容器高度,img會排在一行裡,使用float是比較好的選擇

六、標籤最低高度設定min-height不相容

問題表現:min-height本身就是一個不相容的css屬性,所以設定min-height時不能相容所有瀏覽器

解決方案:如果設定一個標籤最小高度為200px,需要進行設定 

備註:b/s系統前端時,當內容小於一個值時,容器的高度保持該值,當內容大於該值時,高度自適應且不出現滾動條。

七、游標手形

問題表現:firefox不支援hand,但ie支援pointer

解決方案:統一使用cursor:pointer;

八、字型大小定義不同

問題表現:對字型大小small定義不同,firefox為13px,而ie為16px,差別比較大

解決方法:使用指定的字型大小如14px或者使用em

九、ie6 3px bug

問題表現:左側div浮動left,右邊div可以接著橫向排列,形成典型一列固定,第二列自適應,ie6出現之間3px間隙

解決方法:對左側left的盒子補上_margin-right: -3px;

為什麼我的ie瀏覽器出現相容性問題

ie瀏覽器為什麼會出現相容模式? 15

4樓:匿名使用者

相容性檢視,通常需要手動設定新增。

建議檢查進入 相容模式 的網頁是否在 相容性 列表專案裡。

5樓:匿名使用者

正常的...........在ie設定裡面設定就好

做網頁時,瀏覽器相容性問題怎麼解決?

6樓:處男

同瀏覽器對html標記所具有的內外邊距屬性具有不同的定義。

因此如果想消除這種差距,應該在相應的css部分加入以下css**:

*借於此,所有標記的內外邊距被統一起來。

優先順序問題:

對於同一標記屬性所給定的值,有不同的優先順序。其中優先順序最高的是內聯**,其實是頁內css,接下來是瀏覽器預設設定,最後才是外部css所做的限制。

margin不一致的問題:

當有多張**需要排在一行時,通常使用「float:left」來實現,這樣一來,瀏覽器就存在相容性問題。導致**與後面的內容存在margin不一致的問題。

對此一種解決方法就是給**新增「display:inline」項即可。

div居中問題:

通常會利用「vertical-align:middle」來實現,這對於搜狗瀏覽器來說,是正常的,但是對於ie瀏覽器來說,卻並沒有效果。對此,一種較好的解決方法是:

將文字的行高設定與div一樣時即可解決問題。

內外邊框合併問題。通常情況下,對於兩個相關div塊,相鄰時採用外邊距合併原則,其結果只最兩個div塊中margin最大值做為兩個div之間的間距。包含的兩個div之間的間距也遵行同樣的規則。

掌握了這一規則,在利用div塊進行佈局時就可以做的更加得心應手。

7樓:匿名使用者

同樣核心的測試一個就行,火狐和ie和谷歌瀏覽器分別是三種常用的不同核心,所以需要測試這三種,只有ie因為版本的高低出現的區別比較大,有耐心的就把ie6和8都測試一下,沒耐心的測試一個ie也行

給網頁寫**的,說就是要一種種的瀏覽器挨個測試,不過一般以上四個瀏覽器就夠了

8樓:看你美得

主流的幾個測試一下即可了。 css 寫一些相容的樣式。

css與瀏覽器相容性問題,css與瀏覽器相容性問題?

就只有樣式是看不出來哪有問題。你得把你的div佈局 都貼出來啊 怎麼解決瀏覽器相容性問題 璇寶媽媽 專新打屬開試一下,還不行的話就開啟瀏覽器,在工具選單裡面選擇 internet選項 在高階選項裡面進行重置,在重置internet explorer的對話方塊中選擇重置就可以了。這樣可以清除一下第三方...

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

李鴻博 常見的瀏覽器相容性問題與解決方案大致有以下九種形式 一 不同瀏覽器的標籤預設的外邊界和內填充不同 問題表現 不加樣式控制下,margin和padding差異較大 解決方案 css裡 備註 這是最常見也是最易解決的一個相容問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標籤外邊界和內填...

js在火狐瀏覽器下的相容性問題,這個JS下拉導航選單在火狐瀏覽器下不起作用,誰能幫我調一下這個js呢

討厭修改。給你一個自己看吧,相容ie678,火狐,谷歌,蘋果,http www.w3.org tr xhtml1 dtd xhtml1 transitional.dtd http www.w3.org 1999 xhtml demos zero dollars styled form active ...