CSS兼容性

  1. 样式重置，如norlize.css和reset.css
  2. 添加厂商前缀，可通过Emmet插件自动补全
display:-webkit-flex;  
display:-o-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
  1. 使用postcss等后CSS处理语言给浏览器添加前缀
  2. 使用modernizr库（js），可以检测不支持的新CSS语言特性，会在HTML标签添加是否支持的类名，可以分开写不同的样式，如下所示：
/* 弹性布局*/
.flexbox{
  /*支持弹性布局的样式*/
}
.no-flexbox{
  /*不支持弹性布局的样式*/
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。