相容性問題

二、js方面

ios相容

1：ie6過濾器（下劃線過濾器） — 只有ie6能識別的帶有下劃線的屬性

_屬性：屬性值;

div

.clear-fix::after 

.clear-fix

123

由於ie789不能識別e還有高階事件，還有target 

let ul = document.queryselector("ul");
let lis = document.queryselectorall("ul li");
ul.onclick = function (e)

a.onclick = function (e)

子

let father = document.queryselector(".father");
let son = document.queryselector(".son");
father.addeventlistener("click", function (e) )
son.addeventlistener("click", function (e) else 
console.log('子');
})

-webkit-text-size-adjust:100%;

-ms-text-size-adjust:100%;
text-size-adjust:100%; 
如果僅僅在移動端，則text-size-adjust：none即可，桌面端使用字型縮放失效，最佳方案為text-size-adjust:100%;

// css中設定該樣式 只用於ios

-webkit-tap-highlight-color:rgba(0,0,0,0)

piczoom相容性問題 相容性問題

1.文字本身的大小不相容。同樣是font size 14px的宋體文字，在不同瀏覽器下佔的空間是不一樣的，ie下實際佔高16px，下留白3px，ff 下實際佔高17px，上留白1px，下留白3px，opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...

相容性問題

原文 1.ie浮動 margin 產生的雙倍距離 box 2.display inline block ie6，7下不相容 用float left 3.position fixed ie6不支援 ie6下用position和js模擬，或者完全不用，用position和js模擬 4.cursor ha...

相容性問題

ie6下最小高度為19px,增加font size 0後可縮小為2px 還是沒解決嘛 orz。增加overflow hidden屬性，截掉多餘的高度！ie6 ie7只支援標籤的四個偽類 lvha 不支援其他偽類。ie6，7下父級有寬度就可以不用清浮動，其他瀏覽器不可以哦 haslayout屬性 在i...