🎯 Tailwind 已经内置了 reset,叫做 Preflight
,而且比你手写的 * { padding: 0; margin: 0; }
更科学、兼容性更强。
✅ Tailwind 的 reset 有哪些优势?
- 来自 normalize.css + 针对现代浏览器优化;
- 不会盲目清除一切,而是保留一些对可访问性友好的默认样式;
- 自动设置
box-sizing: border-box;
; - 已经包含在
@tailwind base
中,无需额外写。
🔧 做法是这样的:
你只需要一个干净的 tailwind.css
文件:
@tailwind base;
@tailwind components;
@tailwind utilities;
然后 不需要再写全局 reset,除非你有非常特定的需求(比如做电商页面对齐需求极高时才可能考虑微调)。