前端常見瀏覽器相容性問題及解決辦法

2021-10-21 20:05:33 字數 434 閱讀 2130

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

1.不同瀏覽器的標籤預設的外補丁和內補丁不同

*
2.塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大

style
3.設定較小高度標籤(一般小於10px),在ie6,ie7,遨遊中高度超出自己設定高度

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

4.預設有間距

使用float 為img 布局

參考:

前端瀏覽器常見相容性問題及解決方案

目錄 1.最常見的 每個瀏覽器的預設margin,padding大小都不同,當設定定位時會有些許差異。2.預設有間距 當幾個img標籤放到一起時,有些瀏覽器會有預設間距,加上第一條的設定的萬用字元樣式也無用。3.min height問題 由於min height本身就是乙個不相容的css屬性,所以設...

前端瀏覽器相容性問題

在前端開發的過程中我們不可避免的會遇到瀏覽器相容性問題,這也是我們必須要解決的問題。首先來了解一下為什麼存在瀏覽器相容性問題。現在的市場上有很多種類的瀏覽器,不同種類的瀏覽器的核心也不盡相同,所以不同瀏覽器對 的解析會存在差異,這就導致對頁面渲染效果不統一的問題。市場上常見的瀏覽器核心主要有四種 w...

常見瀏覽器相容性問題

概念 不同的瀏覽器對同一段 解析不同造成瀏覽器顯示效果不同,我們把這樣的問題叫做瀏覽器相容性問題 描述 塊元素float後,又設定了橫向的margin值,在ie6下顯示的margin值比設定的值要大,並且是2倍關係 解決方案 給float的塊元素新增display inline 解決方案 a 給表單...