0

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

4

2 回答 2

1

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

  1. 使用触发标准模式的 Doctype （Quirks 模式不一致，你想避免它）
  2. 使用标记验证器和CSS 验证器测试您的 HTML 和 CSS
  3. 考虑使用 CSS 重置来消除浏览器默认样式表之间的差异
  4. 研究您必须了解的有关浏览器错误的特定问题，以便将来避免它们
于 2013-03-21T09:54:58.483 回答
1

CSS 重置并不是一个神奇的魔杖，它可以让你的页面在不同的浏览器中呈现相同的效果。从视觉上讲，它是将所有元素剥离到它们像 div 或 span 一样的地步。这为作者可以建立自己的风格思想奠定了基础。

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

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

于 2013-03-21T09:57:11.933 回答