所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同一段**有不同的解析，造成頁面顯示效果不統一的情況。因為不同瀏覽器使用核心及所支援的html等網頁語言標準不同；
以及使用者客戶端的環境不同（如解析度不同）造成的顯示效果不能達到理想效果。
最常見的問題就是網頁元素位置混亂，錯位。3.1、不同瀏覽器的標籤預設的外補丁和內補丁不同
問題症狀：隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。
解決方案：css裡 *
3.2、塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比設定的大
問題症狀:常見症狀是ie6中後面的一塊被頂到下一行
解決方案：在float的標籤樣式控制中加入 display:inline;將其轉化為行內屬性
3.3、設定較小高度標籤（一般小於10px），在ie6，ie7，遨遊中高度超出自己設定高度
問題症狀：ie6、7和遨遊裡這個標籤的高度不受控制，超出自己設定的高度
解決方案：給超出高度的標籤設定overflow:hidden;或者設定行高line-height 小於你設定的高度。
3.4、行內屬性標籤，設定display:block後採用float布局，又有橫行的margin的情況，ie6間距bug
問題症狀：ie6裡的間距比超過設定的間距
解決方案：在display:block;後面加入display:inline;display:table;
3.5、預設有間距
問題症狀：幾個img標籤放在一起的時候，有些瀏覽器會有預設的間距，加了問題一中提到的萬用字元也不起作用。
解決方案：使用float屬性為img布局 （我的乙個學生使用負margin，雖然能解決，但負margin本身就是容易引起瀏覽器相容問題的用法，所以我禁止他們使用）
3.6、標籤最低高度設定min-height不相容
問題症狀：因為min-height本身就是乙個不相容的css屬性，所以設定min-height時不能很好的被各個瀏覽器相容
解決方案：如果我們要設定乙個標籤的最小高度200px，需要進行的設定為：
3.7、居中問題
問題症狀：div裡的內容，ie預設為居中，而ff預設為左對齊
解決方案：可以嘗試增加**margin: 0 auto;
3.8、margin加倍的問題
問題症狀：設定為float的div在ie下設定的margin會加倍。這是乙個ie6都存在的bug。
解決方案：在這個div裡面加上 display:inline;
3.9、ie捉迷藏的問題
解決辦法：對#layout使用line-height屬性或者給#layout使用固定高和寬。頁面結構盡量簡單。
以上是常見的瀏覽器相容問題，還有很多，可以自己去網上看！4.1、trident（ie核心）
4.2、gecko(firefox核心)
4.3、webkit（谷歌、safari、360極速瀏覽器以及搜狗高速瀏覽器）
4.4、presto(opera前核心) (已廢棄)
14條
35條
瀏覽器相容問題
我經常看到一些人提問說網頁錯位，和在火狐裡面看上去網頁是好的，在ie在錯位了.在web 下html css裡全看一些關於這些問題.還有有ul li什麼調整不好的.等等 全可以用css hack 解決的.解決方法 用positon relative 然後 top 0px left 0px 上面的top...
瀏覽器相容問題
給近兩天的工作乙個總結，給這週劃上句號。工作中遇到了在google顯示的很好的介面，在ie顯示的不是很好，但還能看，僅僅是顏色和和位置錯位，在360瀏覽器下看就是真的錯誤太大了，不顯示，樣式也亂了，於是走上解決瀏覽器相容之路。思路1 對應每個瀏覽器寫個css，判斷之，工作量太大，放棄。思路2 針對每...
瀏覽器相容問題
所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同 段 有不同的解析，造成 顯 效果不統 的情況。在 多 數情況下，我們的需求是，論 戶 什麼瀏覽器來檢視我們的 站或者登陸我們的系統，都應該是統 的顯 效果。所 以瀏覽器的相容性問題是前端開發 員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前，我...