Jquery 为什么<；a>；在一个<；李>；在Safari中显示比在其他浏览器中更高，尽管使用了重置？

以下是该网站的链接：

问题在于顶部的3行菜单

在Chrome、Firefox和IE中，它可以按预期工作。#nav>li标签的高度为14px，它们从标签中获取（这些标签设置为@height:14px；line height:14px；）。但是，在Safari中，#nav>li标记的渲染高度为18px

我在检查会发生这种情况的元素时，看不到任何东西。有人有什么想法吗

编辑：我使用的是由这一个触发的重置。我还测试了normalize.css

---

编辑：适用于FF 29、Chrome 34、IE 8。Safari 5+中出现明显问题原因：

浏览器引擎使用不同的默认值或（在本例中更可能是）单位

您提到的示例可能是由于引擎对

标记使用1.1em而不是1em，该标记将在子元素中显示，或者在父元素中使用非

100%

百分比。还有一些浏览器（错误地）处理相同的

%

和

em

单元

解决方案：

使用重置/规范化样式表，例如：

技术位：

---

我不想在这里说，但是你可以通过比较与其他浏览器的区别来了解。在调查Chrome中的此类问题时也很有用，它可以显示每个元素的继承值：右键单击Chrome中的页面元素，选择“检查元素”，选择右侧的“计算”，然后选中“显示继承属性”。Safari可能有类似的功能或插件。

原因：

浏览器引擎使用不同的默认值或（在本例中更可能是）单位

您提到的示例可能是由于引擎对

标记使用1.1em而不是1em，该标记将在子元素中显示，或者在父元素中使用非

100%

百分比。还有一些浏览器（错误地）处理相同的

%

和

em

单元

解决方案：

使用重置/规范化样式表，例如：

技术位：

---

我不想在这里说，但是你可以通过比较与其他浏览器的区别来了解。在调查Chrome中的此类问题时也很有用，它可以显示每个元素的继承值：右键单击Chrome中的页面元素，选择“检查元素”，选择右侧的“计算”，然后选中“显示继承属性”。Safari可能有类似的功能或插件。

原因：

浏览器引擎使用不同的默认值或（在本例中更可能是）单位

您提到的示例可能是由于引擎对

标记使用1.1em而不是1em，该标记将在子元素中显示，或者在父元素中使用非

100%

百分比。还有一些浏览器（错误地）处理相同的

%

和

em

单元

解决方案：

使用重置/规范化样式表，例如：

技术位：

---

我不想在这里说，但是你可以通过比较与其他浏览器的区别来了解。在调查Chrome中的此类问题时也很有用，它可以显示每个元素的继承值：右键单击Chrome中的页面元素，选择“检查元素”，选择右侧的“计算”，然后选中“显示继承属性”。Safari可能有类似的功能或插件。

原因：

浏览器引擎使用不同的默认值或（在本例中更可能是）单位

您提到的示例可能是由于引擎对

标记使用1.1em而不是1em，该标记将在子元素中显示，或者在父元素中使用非

100%

百分比。还有一些浏览器（错误地）处理相同的

%

和

em

单元

解决方案：

使用重置/规范化样式表，例如：

技术位：

---

---

我不想在这里说，但是你可以通过比较与其他浏览器的区别来了解。在调查Chrome中的此类问题时也很有用，它可以显示每个元素的继承值：右键单击Chrome中的页面元素，选择“检查元素”，选择右侧的“计算”，然后选中“显示继承属性”。Safari可能有类似的功能或插件。

您是否尝试过使用CSS重置来确保它不是某些专有的浏览器CSS？另一方面，nav对用户不是很友好。手机里的三行代表了一个菜单。@Daniel，是的，我在用一个。@BrettSantore，是的，我完全同意。我正在与一位设计师合作，虽然我已经说明了可用性的理由，但他不想改变它。@jonahfree这很好，但请编辑您的原始问题以包含这些信息。这对于那些试图帮助你的人来说是非常重要和相关的（例如，本可以节省Barry在解决方案上的时间）。你是否尝试过使用CSS重置来确保它不是一些专有的浏览器CSS？另一方面，nav对用户不太友好。手机里的三行代表了一个菜单。@Daniel，是的，我在用一个。@BrettSantore，是的，我完全同意。我正在与一位设计师合作，虽然我已经说明了可用性的理由，但他不想改变它。@jonahfree这很好，但请编辑您的原始问题以包含这些信息。这对于那些试图帮助你的人来说是非常重要和相关的（例如，本可以节省Barry在解决方案上的时间）。你是否尝试过使用CSS重置来确保