create-react-app 添加reset.css
🌙
手机阅读
本文目录结构
添加reset.css
此项目设置使用PostCSS Normalize添加CSS Reset。
要开始使用它，请@import-normalize;在CSS文件中的任意位置添加。
您只需添加一次即可，重复导入将自动删除。
由于您只需要包含一次，因此添加它的好地方是index.css或App.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+
