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 不...