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

使用css重置来跨浏览器调整字段。YUI和Eric Meyer的表现不错。

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

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

链接: IE7.js

我按照标准写作,Firefox和IE7都遵循一个相当好的共同点。

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

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

我过去对Javascript差异有更多的问题,但在我开始使用Javascript库(如jQuery)后,我就不再有任何严重的问题了。

衬垫。

当使用边距在页面上水平放置元素时,IE6可能会有点笨拙。如果你调整元素的大小并使用填充来分隔内容,你就可以让许多布局在IE6/7、FF、Safari和Opera中运行良好,而无需任何技巧。IE5.5让事情变得有点棘手,因为它是打破盒子的模型,但我认为现在在大多数情况下我们几乎可以把它算在内。

我试图制作一个符合标准的页面,并在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;
}

我和伊莱在一起。针对firefox(安装了firebug)编写代码,一开始就必须编写“更兼容”的代码,然后在以后使其与IE兼容时,这就不那么容易了。

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

如果这是一个全新的项目,我会在进行更改时,在我所针对的所有浏览器上测试所有html+css更改。过去,我倾向于专注于我最喜欢的浏览器,然后在完成测试后用其他浏览器进行测试,发现存在一个或多个小问题,确定实际原因非常乏味。现在,我打开了所有浏览器,每次更改html/css后都会刷新每个浏览器,以确保显示符合我的期望。当事情出错时,我确切地知道是什么原因造成的。

一次在所有浏览器上进行测试似乎很耗时,但从长远来看,它实际上可以节省时间,因为你可以一次发现问题。