瀏覽器常見的相容性問題

2021-08-16 07:23:32 字數 900 閱讀 1127

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

解決辦法:*。

2.瀏覽器相容問題二:ie6雙邊距

bug,塊屬性標籤

float

後,又有橫行的

margin

情況下,在

ie6顯示

margin

比設定的大。

3.瀏覽器相容問題三:設定較小高度標籤(一般小於

10px

),在ie6

,ie7

,遨遊中高度超出自己設定高度。

解決辦法:

給超出高度的標籤設定

overflow:hidden;

或者設定行高

line-height

小於你設定的高度。

4.瀏覽器相容問題四:

浮動ie

產生的雙倍距離(

ie6雙邊距問題:在

ie6下,如果對元素設定了浮動,同時又設定了

margin-left

或margin-right

,margin

值會加倍。)

解決辦法:

在float

的標籤樣式控制中加入

_display:inline;

將其轉化為行內屬性。

(_這個符號只有

ie6會識別

)。5.瀏覽器相容問題五:預設有間距。

解決方案:使用float屬性為

img布局。

6.瀏覽器相容問題六:ie下,event物件有x,y屬性,但是沒有pagex,pagey屬性;firefox下,event物件有pagex,pagey屬性,但是沒有x,y屬性.

解決方法:(條件注釋)缺點是在ie瀏覽器下可能會增加額外的

請求數。

常見瀏覽器相容性問題

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

常見的瀏覽器相容性問題

1.就是ie6雙倍邊距的問題,在使用了float的情況下,不管是向左還是向右都會出現雙倍,最簡單的解決方法就是用display inline 加到 css裡面去。2.文字本身的大小不相容。同樣是font size 14px的宋體文字,在不同瀏覽器下佔的空間是不一樣的,ie下實際佔高16px,下留白3...

瀏覽器常見的相容性問題?

市場上瀏覽器種類很多,不同瀏覽器的核心也不盡相同,所以各個瀏覽器對網頁的解析存在一定的差異。瀏覽器核心主要分為兩種,一是渲染引擎,另乙個是js 引擎,核心更加傾向於說渲染引擎。常見的瀏覽器核心 常見的瀏覽器核心可以分四種 trident gecko blink webkit 常見的相容性問題 1 不...