Firefox / Safari 中的 CSS 对齐问题（但在 Chrome 中很好）答案

【问题标题】：CSS alignment issue in Firefox / Safari (But fine in Chrome)Firefox / Safari 中的 CSS 对齐问题（但在 Chrome 中很好）
【发布时间】：2016-12-31 17:13:59
【问题描述】：

我正在尝试在我的网站上调试仅在 Safari 和 Firefox 中发生的 CSS 问题。 Chrome 渲染得很好。

图像不应该那样堆叠。它们应位于每个框中。

我尝试了各种 CSS 位置和 HTML 更改以使其正常工作，但没有成功。我在这里做的不对？

网址是http://www.thesignpad.com

问题图片如下：

https://i.stack.imgur.com/evSzj.jpg

https://i.stack.imgur.com/KWJ1S.jpg

【问题讨论】：

[如何提出一个好问题？ stackoverflow.com/help/how-to-ask如何创建一个最小、完整和可验证的示例。stackoverflow.com/help/mcve

标签： html css firefox safari

【解决方案1】：

所有浏览器都内置了默认css。每个浏览器的默认值都不同。那里有不错的 sn-ps off css，您可以使用它来重置浏览器上的所有 css 以保持一致。这将确保您的工作在各个浏览器中保持一致。

我不确定具体的 css 问题是什么。看起来行高导致 div 浮动到下一行，但在您发布代码之前我不会知道。

【讨论】：

这不是答案
我完全不同意。我用 SASS mixen 解决的这件事解决了一个非常相似的问题。也许你可以为一个更好的人感到自豪？

【解决方案2】：

您可以将 webkits 用于所有浏览器，例如：

-webkit-text-shadow: 1px 1px 2px black;
-moz-text-shadow: 1px 1px 2px black;

详情您可以访问http://www.peachpit.com/articles/article.aspx?p=1750586

【讨论】：