[分享]Css兼容性代码怎么写

CSS （层叠样式表）是一种可以改变网页外观的语言，但是不同的浏览器可能有不同的兼容性问题，这就是所谓的“CSS兼容性问题”，而在编写CSS代码的时候，我们需要关注这个问题。下面是一些CSS兼容性代码...

CSS （层叠样式表）是一种可以改变网页外观的语言，但是不同的浏览器可能有不同的兼容性问题，这就是所谓的“CSS兼容性问题”，而在编写CSS代码的时候，我们需要关注这个问题。下面是一些CSS兼容性代码怎么写的方法：

/* 1.使用Vendor-Prefix（浏览器私有前缀） */

/* Chrome / Safari */
-webkit-border-radius: 5px;

/* Firefox */
-moz-border-radius: 5px;

/* Opera */
-o-border-radius: 5px;

/* IE */
-ms-border-radius: 5px;

/* 标准语法 */
border-radius: 5px;


/* 2.使用IE条件注释 */
<!--[if IE]>
  // 这里是只有IE浏览器能够识别的样式
<![endif]-->


/* 3.使用Reset CSS */
/* 清除默认样式 */
* {
  margin: 0;
  padding: 0;
}

/* 4.使用Normalize.css */
/* 标准化不同浏览器样式 */
/* https://github.com/necolas/normalize.css */


/* 5.使用JavaScript检测浏览器类型 */
if (navigator.userAgent.indexOf('MSIE') !== -1) {
  // 这里是只有IE浏览器能够识别的样式
} 

当然，这些只是兼容性问题中的一小部分，还有很多其他的问题需要我们去关注。在编写CSS代码之前，我们首先应该考虑我们的网站要支持什么样的浏览器，然后再根据浏览器的兼容性问题来选择适当的解决方法。