[分享]css兼容各浏览器

CSS是一种用来为HTML文档添加样式和布局的标记语言，但是由于不同浏览器的渲染引擎实现不同，有时候相同的CSS代码在不同浏览器下的效果却不同，这就需要兼容性的考虑。为了兼容各种浏览器，我们需要使用以...

CSS是一种用来为HTML文档添加样式和布局的标记语言，但是由于不同浏览器的渲染引擎实现不同，有时候相同的CSS代码在不同浏览器下的效果却不同，这就需要兼容性的考虑。

为了兼容各种浏览器，我们需要使用以下方法：

/* CSS RESET */ 
* {
   margin:0;
   padding:0;
}

/* 设置显示效果 */
html, body {
   height: 100%;
   font-size: 14px;
   font-family: Arial, sans-serif;
}

/* 设置盒模型 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font-weight: normal;
   font-style: normal;
   vertical-align: baseline;
}

/* 清除默认样式 */
ol, ul {
   list-style: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}

/* 解决IE的默认样式问题 */
a img {
   border: none;
} 

在实际开发中，我们还可以使用CSS Hack、浏览器前缀、渐进增强等方法来解决兼容性问题。但是需要注意的是，CSS Hack会降低代码的可维护性和可读性，因此应该尽量避免使用。

总之，兼容各种浏览器是前端开发中的一项基本技能，只有掌握好兼容性问题，才能让我们的网页更好的呈现。