跨浏览器的CSS重置

Question

我的网页上有一些元素。当我在不同浏览器上运行页面时，元素的位置不同。我希望所有浏览器（Chrome，Firefox，IE，Opera，Safari）中元素的位置相同。我重写了CSS重置并创建了CSS文件，我在其中添加了来自此页面http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/的内容以重置css配置。然后我运行页面，并在不同的浏览器中再次看起来不同。我该怎么做才能使页面在不同的浏览器中看起来一样？

Answer 1

这是一个相当普遍的问题，所以任何建议都必须是通用的。

1. 使用触发standards mode的文档类型（Quirks模式不一致，您要避免使用它）
2. 使用markup validator和CSS validator
测试您的HTML和CSS
3. 考虑使用CSS重置来删除浏览器默认样式表之间的差异
4. 研究您必须了解的有关浏览器错误的具体问题，以便将来可以避免使用它们

Answer 2

CSS重置不是一个神奇的魔杖，它会使您的页面在不同的浏览器中呈现相同的效果。它是将所有元素剥离到视觉上说它们像div或span一样的点。这为作者创建自己的风格理念奠定了基础。

因此，如果你编写的CSS在浏览器中的渲染效果不同，那不是因为CSS重置不起作用。有不同的原因，如缺乏对某些功能的支持，浏览器的错误或不同的实现......等等。

如果特定浏览器出现问题，您应该坚持使用标准并搜索变通方法。另请注意，不同浏览器以不同方式呈现网页。这是我们必须接受的事实，并且在我们编码时尽量不要过分热心。有时它看起来永远不会完全相同！