web前端瀏覽器相容問題

2021-10-04 09:26:31 字數 676 閱讀 5703

css中設定萬用字元*;

標籤設定overflow:hidden;或者設定line-height的值小於設定值。

使用float:img布局

opacity:0.5;filter:alpha(opacity=50);filter:progid:dximagetransform.microsoft.alpha(style = 0, opacity = 50);

使用srcobj=event.srcelement|event.target

ie:dom.attachevent();

其他:dom.addeventlistener()

其他:new xmlhttprequest();

ie:盒子寬度=內容物的寬度(width+padding+border)+margin;

其他:盒子寬度=內容物寬度(width)+padding+border+margin;

設定為float的div在ie下設定的margin會加倍。

在該div中加上display:inline;

1、專案中加入browser.min.js檔案,引入。

2、在js檔案標籤中加入type=「text/babel」 例如:

引入browser-polyfill.js檔案

Web前端瀏覽器相容問題

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

前端瀏覽器相容問題

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

常見前端 瀏覽器相容問題

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