跳到主要内容

添加 CSS Reset 支持

本项目使用了 PostCSS Normalize 为项目添加了 CSS Reset 的支持。

要开始使用它,请在 CSS 文件中的任意位置添加 @import-normalize;。你只需添加一次,重复的引入会被自动删除。由于只需添加一次,因此添加它的最好位置是 index.cssApp.css

index.css

@import-normalize; /* 引入 normalize.css 样式 */

/* 其余 app 样式 */

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

browserslistlast 3 versions 时的结果:

/**
* 为 IE 9- 添加正确的显示
*/

audio,
video {
display: inline-block;
}

/**
* 删除 IE 10- 中链接内图片的边框
*/

img {
border-style: none;
}

browserslistlast 2 versions 时的结果:

/**
* 删除 IE 10- 中链接内图片的边框
*/

img {
border-style: none;
}

浏览器支持

浏览器支持由 normalize.css supports 决定。在撰写本文时,它包括:

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