前端解決瀏覽器相容問題

不相容原因：

不同瀏覽器的核心也不盡相同，所以各個瀏覽器對網頁的解析存在一定的差異。

瀏覽器核心主要分為兩種，一是渲染引擎，乙個是js 引擎，核心更加傾向於說渲染引擎。

常見的瀏覽器核心可以分為這四種：

trident

gecko

blink

webkit

常見的瀏覽器核心：

瀏覽器核心ie瀏覽器

trident核心

chrome瀏覽器

blink核心

opera瀏覽器

blink核心

safari瀏覽器

webkit核心

firefox瀏覽器

gecko核心

1、不同瀏覽器的預設樣式不同，可以使用normalize.css解決。

normalize.css 是乙個可以定製的css檔案，它讓不同的瀏覽器在渲染網頁元素的時候形式更統一。

normalize.css只是乙個很小的css檔案，但它在磨人的html元素樣式上提供了跨瀏覽器的高度一致性。 相比於傳統的css

reset,normalize.css是一種現代的、為html5準備的優質替代方案。總之，normalize.css是一種css reset的替代方案。

使用css裡 * 解決。

3、塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比設定的大。

float布局最常見的瀏覽器相容問題。在float的標籤樣式控制中加入 display:inline;將其轉化為行內屬性。

4、設定較小高度標籤（一般小於10px），在ie6，ie7，遨遊中高度超出自己設定高度

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

5、預設有間距

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

前端瀏覽器相容問題

一 ie和谷歌相容性問題 在頭標籤裡面加 此方法可以解決大部分的相容性問題 這串 的意思是強制ie使用chrome frame去渲染 為防止此標籤失效，在此標籤之前最好不要寫任何標籤 二 各種標籤之間的magin和padding不一致 在乙個頁面沒有任何設定，只有原始的幾個標籤的情況下，各種標籤之間...

常見前端 瀏覽器相容問題

以下均可console.log 測試 var winw document.body.clientwidth document.docuemntelement.clientwidth 網頁可見區域寬 var winh document.body.clientheight document.docuem...

Web前端瀏覽器相容問題

問題1 塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比 設定的大 問題描述 塊狀元素被新增float屬性後，在ie6顯示橫行margin值加倍。解決方法 在float的標籤樣式控制中加入 display inline 將其轉化為行內屬 性。問題2 設定較小高度標籤 ...