使用 CSS Reset 还是 Normalize.css 取决于你的项目需求和个人偏好。
CSS Reset 是一种将所有浏览器的默认样式归零的方法。它会删除浏览器默认的样式,然后你需要自己重新定义所有元素的样式。使用 CSS Reset 可以给予你更大的自由度,但也需要你更多的工作来定义样式。
Normalize.css 则是一种更加轻量级的方案,它保留了一些有用的默认样式,并且修复了一些浏览器之间的不一致性。Normalize.css 的目标是在保留有用的默认样式的同时,尽量减少不同浏览器之间的差异。相比之下,使用 Normalize.css 可以更快速地实现一致的样式,但是可能会有一些你不想要的默认样式。
如果你希望从一个更加“干净”的状态开始,并且愿意自己定义所有的样式,那么你可以选择 CSS Reset。但如果你希望快速实现一致的样式,并且不介意一些默认样式,那么使用 Normalize.css 可能更适合你。
老编码技术会更倾向CSS Reset,新技术可能会选 Normalize.css
npm install normalize.css
// 在 main.js 中导入
import 'normalize.css/normalize.css';