添加 CSS 重置
此项目设置使用 PostCSS Normalize 来添加 CSS 重置.
要开始使用它,请在您的 CSS 文件中任何位置添加 @import-normalize;
。您只需要包含它一次,重复导入会自动删除。由于您只需要包含它一次,因此一个好的添加位置是 index.css
或 App.css
。
index.css
@import-normalize; /* bring in normalize.css styles */
/* rest of app styles */
提示:如果您在 VSCode 中看到“Unknown at rule @import-normalize css(unknownAtRules)”警告,请将
css.lint.unknownAtRules
设置更改为ignore
。
您可以通过项目的 normalize.css 的 browserslist 来控制使用哪些部分。
当 browserslist 为 last 3 versions
时,结果如下
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
当 browserslist 为 last 2 versions
时,结果如下
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
浏览器支持
浏览器支持由 normalize.css 支持 的内容决定。截至目前,它包括
- Chrome (最近 3 个版本)
- Edge (最近 3 个版本)
- Firefox (最近 3 个版本)
- Firefox ESR
- Opera (最近 3 个版本)
- Safari (最近 3 个版本)
- iOS Safari (最近 2 个版本)
- Internet Explorer 9+