跨浏览器的CSS重置

我有一些元素的网页。当我在不同的浏览器上运行页面时，元素的位置不同。我希望元素的位置在所有浏览器（Chrome，Firefox，IE，Opera，Safari）中都是相同的。我红色abaout CSS重置并创建CSS文件，我把它从这个页面的内容http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/重置css配置。然后，我运行该页面，并再次在不同的浏览器中看起来不同。我应该怎么做才能使页面在不同的浏览器中看起来相同？跨浏览器的CSS重置

来源

2013-03-21 theChampion

给出您的代码示例，它在不同的浏览器上看起来不同。您将很快得到帮助 – 2013-03-21 09:50:24

如果没有任何代码或其他信息（如浏览器的含义和差异），将很难回答。 :) – 2013-03-21 09:50:40

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

使用触发standards mode（怪癖模式是不一致的，要避免它）
测试你的HTML和CSS与和CSS validator
考虑使用一个CSS复位删除之间的差异一个DOCTYPE浏览器的默认样式
你必须了解浏览器的bug，所以你能避免他们在未来研究的具体问题

来源

2013-03-21 09:54:58 Quentin

你解释了我的意思（坚持标准） - 荣誉 – 2013-03-21 09:58:59

CSS重置不是一个魔术棒，它会使您的页面在不同的浏览器中呈现相同的效果。从视觉上讲，它将所有元素剥离到它们像div或跨度一样的地步。这为作者建立自己的风格理念奠定了基础。

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

如果某个特定的浏览器出现问题，您应该遵守标准并寻找解决方法。另请注意，不同的浏览器以不同的方式呈现网页。这是我们必须接受的一个事实，并且在我们编写代码时尽量不要过分热心。有时它永远不会看起来完全相同！

来源

2013-03-21 09:57:11

跨浏览器的CSS重置

回答

相关问题