在IE6 / 7和Firefox上获得相同显示的最佳工具或者技术是什么?
我并不是在谈论一种工具,它可以使一个人在操作系统和浏览器(例如crossbrowsertesting.com)的组合中查看页面,而只是用于创建或者确定实际的CSS。
解决方案
回答
我写了这些标准,Firefox和IE7都遵循了相当好的共同点。
就我而言,IE6已经死了,但是如果我重新回到专业的Web开发人员手中,则可能必须对其进行修改;)
回答
我尝试制作一个符合标准的页面,并在Firefox中进行所有测试(因为它具有一些出色的开发扩展,例如Web Developer和Firebug)。然后,当我完成后,我将在IE中测试该站点,然后进行必要的小更改。我发现我几乎不需要进行任何更改,因为我对CSS并没有做任何特别复杂的事情。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
我以前在Java脚本差异方面遇到了更多问题,但是在开始使用Javascript库(例如jQuery)之后,我就不再遇到任何严重的问题了。
回答
填充。
当使用边距将元素水平放置在页面上时,IE6可能会有点杂乱。如果我们使用填充来调整元素的大小并在其中间隔内容,则可以使许多布局在IE6 / 7,FF,Safari和Opera中发挥出色,而不会受到任何干扰。 IE5.5由于盒子模型损坏而使事情变得有些棘手,但是我认为我们现在在大多数情况下都可以算出来。
回答
I try to make a standards-compliant page and do all my testing in Firefox (since it has some excellent development extensions such as Web Developer and Firebug). Then when I'm finished I test the site in IE, then make whatever small changes are necessary. I find that I need to make very few changes, since I don't do anything extraordinarily complex with CSS.
这里一样,只是我不需要使用Firebug之类的东西。我最近才遇到IE6的问题,但是可以通过简单的CSS绕行解决:
/* All browsers read: */ html body { margin: 10px; } /* FF, IE7, Op etc. read: */ html > body { margin: 0; }
回答
使用CSS重置可跨浏览器平整该字段。 YUI和Eric Meyer的关系很好。
回答
我在以利。针对firefox(安装了firebug)进行编写使我们必须首先编写"更兼容"的代码,然后在使其与IE兼容时便会减少工作量。
使用站点QuirksMode找到兼容性信息的答案
回答
如果你们仍在为IE6编码,那我们就错了。
我使用IE7.js来获取IE6来呈现类似于IE7的页面。 IE7并不完美,但至少在一些标准上有相似之处。由于我只需要为IE7和FF编写代码,就针对浏览器的测试而言,它使我的效率提高了33%,我认为这具有很好的商业意义。
链接:IE7.js
回答
如果这是一个全新的项目,那么我将在进行更改时在要定位的所有浏览器上测试所有html + css更改。过去,我倾向于专注于自己喜欢的浏览器,然后在发现一个或者多个小古怪之处之后与其他浏览器进行测试,并且查明实际原因非常繁琐。现在,我打开了所有浏览器,并在每次更改html / css之后进行刷新,以确保显示内容符合我的期望。当出现问题时,我确切知道是什么原因造成的。
一次在所有浏览器上进行测试似乎很耗时,但从长远来看,实际上可以节省时间,因为我们可以立即发现问题。