前端浏览器兼容方案

1.npm库  https://github.com/necolas/normalize.css/blob/master/normalize.css 通用兼容库。

2.天猫样式重置表

   body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td  {margin:0;padding:0;}
 
body,button,input,select,textarea{font:12px/1.5     tahoma,arial,\5b8b\4f53;}
 
h1,h2,h3,h4,h5,h6{font-size:100%;}
 
address,cite,dfn,em,var{font-style:normal;}
 
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
 
small{font-size:12px;}
 
ul,ol{list-style:none;}
 
a{text-decoration:none;}
 
a:hover{text-decoration:underline;}
 
sup{vertical-align:text-top;}
 
sub{vertical-align:text-bottom;}
 
legend{color:#000;}
 
fieldset,img{border:0;}
 
button,input,select,textarea{font-size:100%;}
 
table{border-collapse:collapse;border-spacing:0;}

3.body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend{margin:0; padding:0;}
ul,li,ol{list-style:none;}
img,fieldset{border:0; }
img{display:block;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
body{font-size:12px; font-family:"微软雅黑";}
input,a{outline:none;}



搜狐
body{font-family:"宋体","Arial Narrow",HELVETICA;text-align:center;margin:0 auto;padding:0;background:#FFF;font-size:12px;color:#333;}
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none}
table,td,input{font-size:12px;padding:0}


a{outline-style:none;color:#333;text-decoration:none}
a:hover{color:#c00;text-decoration:underline;}




新浪
 /* 初始化CSS */
        html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
        fieldset, img { border:none; }
        img{display: block;}
        address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
        ul, ol { list-style:none; }
        input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
        input::-moz-focus-inner { border:none; padding:0; }
        select, input { vertical-align:middle; }
        select, input, textarea { font-size:12px; margin:0; }
        input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
        table { border-collapse:collapse; }
        body { color:#333; padding:5px 0; font:12px/20px "SimSun","宋体","Arial Narrow",HELVETICA; background:#fff;/* overflow-y:scroll;*/ }
        a { color:#666; text-decoration:none; }
        a:visited { color:#666; }
        a:hover, a:active, a:focus { color:#ff8400; text-decoration:underline; }






腾讯
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%}
a{color:#172c45;text-decoration:none}
a:hover{color:#cd0200;text-decoration:underline}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}


网易
html {overflow-y:scroll;}
body {margin:0; padding:0; font:12px/1.5 \5b8b\4f53,Arial,sans-serif;/*background:#ffffff;*/}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}



京东


body {
font:12px/1.5 \5b8b\4f53,Arial,sans-serif;
color: #666;
background: #fff
}


a {
color: #666;
text-decoration: none
}


a:hover {
color: #C81623
}
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var {
margin: 0;
padding: 0
}




ol,ul {
list-style: none
}


img {
border: 0;
vertical-align: middle
}


em,i,u {
font-style: normal
}


.fl {
float: left
}


.fr {
float: right
}


.al {
text-align: left
}


.ac {
text-align: center
}


.ar {
text-align: right
}


.hide {
display: none
}