create-react-app 添加reset.css

🌙
手机阅读
本文目录结构
axihe

添加reset.css

此项目设置使用PostCSS Normalize添加CSS Reset

要开始使用它,请@import-normalize;在CSS文件中的任意位置添加。

您只需添加一次即可,重复导入将自动删除。

由于您只需要包含一次,因此添加它的好地方是index.cssApp.css

index.css

@import-normalize; /* 引入normalize.css样式 */
/* 其他样式的应用 */

您可以通过项目的browserslist控制使用normalize.css的哪些部分。

结果当browserslist是last 3 versions:

/**
 * 在IE 9-中添加正确的显示。-.
 */
audio,
video {
  display: inline-block;
}
/**
 * 删除IE 10-中链接内图像的边框。
 */
img {
  border-style: none;
}

结果当browserslist是last 2 versions:

/**
 * 删除IE 10-中链接内图像的边框。
 */
img {
  border-style: none;
}

浏览器支持

浏览器的支持取决于normalize.css的支持。在撰写本文时,它包括:

  • Chrome (last 3)
  • Edge (last 3)
  • Firefox (last 3)
  • Firefox ESR
  • Opera (last 3)
  • Safari (last 3)
  • iOS Safari (last 2)
  • Internet Explorer 9+

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang