我正在制作一个网站，当我在 Safari 中预览它时。结果正是我想要的。但是当我用firefox测试它时。
在我的页面中，我有一个在页面上对齐的元素，使用
左边距和顶部边距。当我在 Safari 中预览它时，效果很好。但是当我在Firefox中打开文件时。元素的 Margin-top 增加了几个像素。
我如何编码我的 css 文件，以便我可以为不同的浏览器拥有相同的页面。我曾尝试在网上寻找解决方案，但到目前为止，他们都没有帮助解决这个问题。
回复将不胜感激。
问问题
92 次
3 回答
0
正如 jsteinmann 所说，检查使用http://validator.w3.org/以确保您的页面验证。这将需要一些时间来确定您是否是新手，但这是必不可少的步骤。
如果您在使用 FireFox 时遇到问题，那么当您在 IE 中查看时，您可能会死掉。收藏链接！http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx
将来，使用 stackoverflow 解决带有代码示例的特定问题。你会发现你很快就得到了具体的答案。
另外，不要忘记勾选您认为最有用的答案，并投票提高一些水平。这就是为什么人们花时间回答你的问题。
享受前方的漫长道路:)
于 2012-11-26T03:44:12.830 回答
0
明确指定所有四个边距和所有四个填充值。这将消除浏览器内置默认样式表的差异。
于 2012-11-26T01:45:04.840 回答
0
您发现布局不跨浏览器兼容的原因可能有多种，因此需要大量的标记和 css 信息才能确定如何帮助您编写 100% W3C 有效的 Web 代码页。
我建议您在布局中使用诸如 blueprint 或 960 之类的 css 框架，这样您就不会遇到这样的问题。如果您选择不使用框架，这是启动和维护项目以及学习如何创建布局的好方法。
另外，我建议首先在 chrome 和 firefox 中测试您的所有项目，然后是 safari，因为与 safari 相比，使用这两种浏览器的用户数量较多。我还要说，如果它在 chrome 中看起来不错，它在 safari 和 firefox 中可能看起来不错，但它总是值得测试。
于 2012-11-26T01:49:48.250 回答