常見的pc端的相容問題總結

1.元素劃過的距離：滾動距離

document.body.scrolltop    //在谷歌瀏覽器下

document.documentelement.scrolltop        //在非谷歌瀏覽器下
let scrolltop = document.body.scrolltop || document.documentelement.scrolltop        //相容寫法

obj.currentstyle()        //在ie下

window.getcomputedstyle(obj,null)       //非ie下

是ie取消冒泡事件  ev.stopprogation是w3c取消冒泡事件

ev.stoppropagation ? ev.stoppropagation() : ev.cancelbubble = true

var ev = event || ev

var target = ev.target || ev.srcelement

if (!document.getelementsbyclassname) }}

return arr;
}

ev.keycode || ev.which        //ie8以及以下的瀏覽器不支援ev.keycode

e.preventdefault ? e.preventdefault() : e.returnvalue = false

obj.addeventlistener('click', function() {}, true)        //非ie瀏覽器

obj.attachevent('onclick', function() {})        //    ie瀏覽器

opacity:0-1        //標準瀏覽器

filter: alpha(opacity= 0-100)        //ie8以及以下私有

待續。。。

PC端 移動端常見的相容性問題總結

移動端 安卓瀏覽器看背景，有些裝置會模糊，原因是手機的解析度太小 防止手機中頁面放大或縮小 在meta中設定viewport user scalable no 上下拉滾動條卡頓 overflow scrolling touch 禁止複製選中文字 user select none 長時間按住頁面出現閃...

常見的相容問題

1.png24位的在ie6瀏覽器上出現背景，解決方案是做成png8.也可以引用一段指令碼處理.2.瀏覽器預設的margin和padding不同。解決方案是加乙個全域性的 來統一。3.ie6雙邊距bug 塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比設定的大。4.浮動...

常見的相容問題

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題，幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...