前端兼容问题小结

css兼容问题

一、块元素float后，并且有margin的情况下，ie浏览器margin加倍的问题

解决方案

在div里面加上display：inline属性

二、图片默认间距

解决方案

使用float属性为img布局

三、不同浏览器默认的margin和padding不同

解决方案

 * {
        margin: 0;
        padding: 0;
    }

四、阻止事件默认行为，比如a标签、form表单submit提交

解决方案

document.onclick = function(e) {
    var e = e || window.evnet;
    if(e.preventDefault) {
        e.preventDefault();  // w3c标准
    } else {
        e.returnValue = false;  // ie
    }
}