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}


網(wǎng)易
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
}

總結(jié)

以上是生活随笔為你收集整理的前端浏览器兼容方案的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。