您的css重置规则不必长达一英里，而且大多数现代浏览器的基本布局现在都相当统一。下面你会发现，我认为这是一个很好的重置最小有效剂量。只需将其复制到您的新项目中，您就可以正常运行了。

<$>[注意]🔖将此页面标记为书签，以便快速方便地参考<$>

css重置如下：

 1html {
 2  box-sizing: border-box;
 3  font-size: 16px;
 4}
 5
 6*, *:before, *:after {
 7  box-sizing: inherit;
 8}
 9
10body, h1, h2, h3, h4, h5, h6, p, ol, ul {
11  margin: 0;
12  padding: 0;
13  font-weight: normal;
14}
15
16ol, ul {
17  list-style: none;
18}
19
20img {
21  max-width: 100%;
22  height: auto;
23}

几点注意事项

• 如您所见，我包含了一条规则，使图像在默认情况下是有响应的。
• 可以说，这次css重置最重要的部分是‘Box-Sizing：Borde-Box’，因为这将确保一致和可预测的大小。Content-Box的缺省值不考虑填充或边框。
• 如果您想要保留列表的默认项目符号，可以删除ol和ul的规则。
• 默认情况下，带有Font-Weight：Normal的标题不会加粗。如果你不介意默认的外观，就把它去掉。
• 我已将默认字号设置为16px。其他一切都可以用雷姆单位指定，它将以16px为基础。然后，如果您想要全局调整以使文本整体稍大一些，您可以将基本规则更改为17或18px。

🙈觉得有什么东西不见了吗？请在此处联系让我们知道！