Css Firefox和Safari（或Chrome）之间的跨浏览器调试_Css_Firefox_Google Chrome_Safari_Cross Browser

Css Firefox和Safari（或Chrome）之间的跨浏览器调试

css firefox google-chrome safari

Css Firefox和Safari（或Chrome）之间的跨浏览器调试,css,firefox,google-chrome,safari,cross-browser,Css,Firefox,Google Chrome,Safari,Cross Browser,我注意到Safari和Chrome在HTML和CSS方面的表现是相同的。然而，Firefox和Safari之间存在差异（因此，Chrome也是如此）有时候Firefox中的东西看起来很棒，但是Safari和Chrome中的CSS表现不好。错误行为的原因可归因于“任何因素”（与IE 6和IE 7相反，错误行为通常是由过量的衬垫/边距引起的，这些衬垫/边距会导致元件浮动不到位）。例如，在调试Safari网站的CSS时，以下属性导致了跨浏览器错误行为：位置高度宽度填充物边际 Chrom

我注意到Safari和Chrome在HTML和CSS方面的表现是相同的。然而，Firefox和Safari之间存在差异（因此，Chrome也是如此）

有时候Firefox中的东西看起来很棒，但是Safari和Chrome中的CSS表现不好。错误行为的原因可归因于“任何因素”（与IE 6和IE 7相反，错误行为通常是由过量的衬垫/边距引起的，这些衬垫/边距会导致元件浮动不到位）。例如，在调试Safari网站的CSS时，以下属性导致了跨浏览器错误行为：

位置
高度
宽度
填充物
边际

Chrome和Safari CSS调试是否有共同的模式

你们能深入了解Safari和Firefox之间的差异吗？这可能有助于我进行跨浏览器调试？

谢谢

我注意到了不同之处，但没有那么引人注目。通常，通过使用css重置可以轻松克服/避免大多数差异。你在你谈论的页面上使用过吗？

我注意到了不同之处，但没有那么引人注目。通常，通过使用css重置可以轻松克服/避免大多数差异。您是否在所讨论的页面上使用了一个？

通常，而且有趣的是，同一页面的跨浏览器呈现之间的大部分差异都是由于：

无效（x）html，请使用来自的联机html验证程序来确保标记的有效性
缺乏为CSS建立基线（建议：使用CSS重置）
CSS的使用因浏览器而异，尤其是较新的CSS 3（，尤其是CSS 1，尽管还有很多其他浏览器）

这可能是，也可能不是，由万维网联盟（World Wide Web Consortium）提出的包含在CSS3中的建议，我找到的唯一参考文献是带有

-webkit

供应商前缀的，这表明它可能是一个专有扩展。不过，我希望其他人也会效仿。使用css应用反射比使用js/php容易得多

通常，也很有趣的是，同一页面的跨浏览器呈现之间的主要差异是由于：

无效（x）html，请使用来自的联机html验证程序来确保标记的有效性
缺乏为CSS建立基线（建议：使用CSS重置）
CSS的使用因浏览器而异，尤其是较新的CSS 3（，尤其是CSS 1，尽管还有很多其他浏览器）

这可能是，也可能不是，由万维网联盟（World Wide Web Consortium）提出的包含在CSS3中的建议，我找到的唯一参考文献是带有

-webkit

供应商前缀的，这表明它可能是一个专有扩展。不过，我希望其他人也会效仿。使用css应用反射比使用js/php容易得多

css的差异是因为firefox和chrome浏览器的默认样式不同。单击此链接可获得默认css工作表

在开发网页本身时，我们必须确保覆盖这两种浏览器的默认样式。使用诸如-webkit和-moz等浏览器扩展

在开发完成并处于调试状态后，我们需要覆盖此默认样式。我认为我们对此没有任何共同的调试。如果我错了，请纠正我。

此css差异是因为firefox和chrome浏览器存在默认样式差异。单击此链接可获得默认css工作表

在开发网页本身时，我们必须确保覆盖这两种浏览器的默认样式。使用诸如-webkit和-moz等浏览器扩展

在开发完成并处于调试状态后，我们需要覆盖此默认样式。我认为我们对此没有任何共同的调试。如果我错了，请纠正我。

您是否意识到Safari和Chrome都使用相同的渲染引擎（Webkit）？Firefox和Chrome/Safari的区别在于不同的渲染引擎（Gecko，用于Firefox）。@David-这没有任何意义。谷歌的是非常定制的。@orokusaki，虽然我知道谷歌已经定制了它们的实现，但我还没有遇到Chrome呈现有效（x）html页面的情况，与Safari有任何重大区别。@orokusaki，我想我应该对我之前的断言进行限定，我主要是一个Linux男孩，仅当我不在自己的机器上时才使用Windows。谢天谢地，这在现在是罕见的。你还记得是哪个网站吗？我很好奇看到不同之处。@orokusaki，啊，自从我（偶然地）发现它在Chrome中本机工作，并且据我当时所记得的，只有Safari中的

-vendor-

前缀，我就一直在想

边界半径的问题。谢谢=）你知道Safari和Chrome都使用相同的渲染引擎（Webkit）吗？Firefox和Chrome/Safari的区别在于不同的渲染引擎（Gecko，用于Firefox）。@David-这没有任何意义。谷歌的是非常定制的。@orokusaki，虽然我知道谷歌已经定制了它们的实现，但我还没有遇到Chrome呈现有效（x）html页面的情况，与Safari有任何重大区别。@orokusaki，我想我应该对我之前的断言进行限定，我主要是一个Linux男孩，仅当我不在自己的机器上时才使用Windows。谢天谢地，这在现在是罕见的。你还记得是哪个网站吗？我很好奇看到不同之处。@orokusaki，啊，自从我（偶然）发现它在Chrome中本机工作，并且据我当时所记得的，只有在Safa中使用-vendor-
前缀后，我就一直在想边界半径一词