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

時間 2021-06-26 07:06:05

1樓:哇哎西西

1、首先開啟ie瀏覽器單擊右上方的“設定”圖示。在彈出來的選單中選擇“相容性檢視設定”。

2、彈出“相容性檢視設定”視窗後在“新增此**”下面的文字框裡輸入你想設定相容的**,並單“新增”,最後單擊“關閉”結束操作。

3、同樣開啟ie瀏覽器單擊右上方的“設定”圖示在談出來的選單中選擇“enternet 選項”。

4、單擊上方的“安全”專案。在“選擇一個區域或更安全設定”中選擇“受信任的站點”後單擊“站點”。

5、輸入你要設定相容的**並單擊“新增”,最後單擊“關閉”即可。

2樓:

瀏覽器相容問題一:不同瀏覽器的標籤預設的margin和padding不同

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

碰到頻率:100%

解決方案:

css里加一行1*

備註:這個是最常見的也是最易解決的一個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元*來設定各個標籤的內外補丁是0。

瀏覽器相容問題二:塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大

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

碰到頻率:90%(稍微複雜點的頁面都會碰到,float佈局最常見的瀏覽器相容問題)

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

備註:我們最常用的就是div+css佈局了,而div就是一個典型的塊屬性標籤,橫向佈局的時候我們通常都是用div float實現的,橫向的間距設定如果用margin實現,這就是一個必然會碰到的相容性問題。

瀏覽器相容問題三:設定較小高度標籤(一般小於10px),在ie6,ie7,遨遊中高度超出自己設定高度

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

碰到頻率:60%

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

備註:這種情況一般出現在我們設定小圓角背景的標籤裡。出現這個問題的原因是ie8之前的瀏覽器都會給標籤一個最小預設的行高的高度。

即使你的標籤是空的,這個標籤的高度還是會達到預設的行高。

瀏覽器相容問題四:行內屬性標籤,設定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的話,它的高寬就不可設了。

這時候我們還需要在display:inline後面加入display:talbe。

瀏覽器相容問題五:**預設有間距

問題症狀:幾個img標籤放在一起的時候,有些瀏覽器會有預設的間距,加了問題一中提到的萬用字元也不起作用。

碰到機率:20%

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

備註:因為img標籤是行內屬性標籤,所以只要不超出容器寬度,img標籤都會排在一行裡,但是部分瀏覽器的img標籤之間會有個間距。去掉這個間距使用float是正道。

(我的一個學生使用負margin,雖然能解決,但負margin本身就是容易引起瀏覽器相容問題的用法,所以我禁止他們使用)

瀏覽器相容問題六:標籤最低高度設定min-height不相容

問題症狀:因為min-height本身就是一個不相容的css屬性,所以設定min-height時不能很好的被各個瀏覽器相容

碰到機率:5%

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

備註:在b/s系統前端開時,有很多情況下我們又這種需求。當內容小於一個值(如300px)時。

容器的高度為300px;當內容高度大於這個值時,容器高度被撐高,而不是出現滾動條。這時候我們就會面臨這個相容性問題。

瀏覽器相容問題七:各種特殊樣式的相容,比如透明度、圓角、陰影等。特殊樣式每個瀏覽器的**區別很大,所以,只能現查資料通過給不同瀏覽器寫不同的**來解決。

js解決ie6下png透明失效的問題

做相容頁面的方法是:每寫一小段**(佈局中的一行或者一塊)我們都要在不同的瀏覽器中看是否相容,當然熟練到一定的程度就沒這麼麻煩了。建議經常會碰到相容性問題的新手使用。

很多相容性問題都是因為瀏覽器對標籤的預設屬性解析不同造成的,只要我們稍加設定都能輕鬆地解決這些相容問題。如果我們熟悉標籤的預設屬性的話,就能很好的理解為什麼會出現相容問題以及怎麼去解決這些相容問題。

3樓:青春飛鴿

建議把360安全瀏覽器切換成相容模式,這樣就可以了。

4樓:

首先使用reset樣式來重置和統一樣式,這可以從網上搜尋到**。然後按照html5標準來開發和測試程式,再針對極少數瀏覽器的特殊之處進行修正即可

5樓:江西新華

ietester中文免費版 - 最佳網頁ie瀏覽器相容性測試工具(ie6 ie7 ie8共存)

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

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 寫一些相容的樣式。

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

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

火狐瀏覽器怎麼解決flash player的問題

可樂零七 方案二 去除flash沙箱 從flash 11.3開始,adobe引入保護模式 protected mode 即flash沙箱功能。雖然可以保護使用者免受惡意 感染,但這項沙箱機制常常導致頁面假死等問題。另外,火狐等主流瀏覽器均支援識別惡意 進一步提升網路安全性,因此,我們完全可以去除fl...

瀏覽器頁面顯示不全怎麼解決,瀏覽器頁面顯示不全怎麼解決?

辜曄 手機上兩個指頭放大,電腦上按住ctrl同時滾滑鼠滾輪就可以放大和縮小了。 應該是頁面寬度比較大,而你的筆記本解析度比較高,所以顯示完全。你在桌上型電腦進行縮放,應該能顯示完全。 桐今農靈萱 外掛外鏈地址失效,請重新編輯連結地址, 小羊 瀏覽器安裝油猴擴充套件,使用一些優化網頁的指令碼試試看 c...