在IE6 / 7和Firefox上获得相同显示的最佳工具或技术是什么?

时间:2008-08-25 14:28:48

标签: css internet-explorer firefox cross-browser

我不是在谈论让人们在操作系统和浏览器(如crossbrowsertesting.com)的组合中查看页面而是创建或计算实际CSS的工具。

8 个答案:

答案 0 :(得分:4)

使用css reset来平衡浏览器中的字段。 YUI和Eric Meyer都很好。

答案 1 :(得分:3)

如果你们还在为IE6编码,那你就错了。

我使用 IE7.js 来让IE6呈现像IE7这样的页面。 IE7并不完美,但至少它有一些相似的标准。由于我只需要为IE7和FF编写代码,因此在测试浏览器方面我的效率提高了33%,我觉得这样做具有很好的商业意义。

链接:IE7.js

答案 2 :(得分:0)

我写的标准,Firefox和IE7都遵循一个很好的共同点。

就我而言,IE6已经死了,但如果我回到专业的网络开发中,我可能不得不修改它;)

答案 3 :(得分:0)

我尝试制作符合标准的页面并在Firefox中进行所有测试(因为它有一些优秀的开发扩展,例如Web Developer和Firebug)。然后,当我完成后,我在IE中测试网站,然后进行必要的小改动。我发现我需要进行很少的更改,因为我没有做任何与CSS非常复杂的事情。

我曾经遇到过更多与Javascript差异有关的问题,但在我开始使用Javascript库(例如jQuery)之后,我就不再遇到任何严重的问题了。

答案 4 :(得分:0)

填充。

使用边距将元素水平放置在页面上时,IE6会变得有点暗淡。如果使用填充来调整元素的大小并使内容空间化,则可以在IE6 / 7,FF,Safari和Opera中使许多布局工作得很好而不会出现任何问题。由于盒子模型破碎,IE5.5让事情变得有点棘手,但我认为现在在大多数情况下我们几乎可以算出它。

答案 5 :(得分:0)

  

我尝试制作符合标准的页面并在Firefox中进行所有测试(因为它有一些优秀的开发扩展,例如Web Developer和Firebug)。然后,当我完成后,我在IE中测试网站,然后进行必要的小改动。我发现我需要进行很少的更改,因为我没有做任何与CSS非常复杂的事情。

这里也一样,除了我不需要使用Firebug等。我最近只遇到过IE6的问题 - 这可以通过简单的CSS旁路来解决:

/* All browsers read: */
html body {
    margin: 10px;
}

/* FF, IE7, Op etc. read: */
html > body {
    margin: 0;
}

答案 6 :(得分:0)

我和Eli在一起。针对firefox(安装了firebug)的编写使得你必须先编写“更兼容”的代码,然后在你使它与IE兼容时,不再需要更少的工作。

使用网站QuirksMode来帮助您找到兼容性信息的答案

答案 7 :(得分:0)

如果它是一个全新的项目,我会在我进行更改时测试我所针对的所有浏览器上的所有html + css更改。在过去,我倾向于专注于我最喜欢的浏览器,然后在完成之后与其他人一起测试,发现存在一个或多个小怪癖,并且指出实际原因是非常繁琐的。现在我打开所有浏览器,并在每次html / css更改后刷新每个浏览器,以确保显示符合我的期望。当出现问题时,我确切知道是什么导致了它。

一次在所有浏览器上进行测试似乎很费时,但从长远来看,它实际上可以节省您一次性解决问题的时间。