8

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

4

8 回答 8

4

使用 css 重置跨浏览器调整字段。YUI 和 Eric Meyer 有很好的。

于 2008-08-25T14:37:20.097 回答
3

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

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

链接: IE7.js

于 2008-08-25T23:10:00.580 回答
0

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

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

于 2008-08-25T14:31:17.910 回答
0

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

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

于 2008-08-25T14:34:10.010 回答
0

填充。

IE6 在使用页边距将元素水平放置在页面上时可能会有点麻烦。如果您调整元素大小并使用内边距分隔内容,则可以使许多布局在 IE6/7、FF、Safari 和 Opera 中运行良好,而无需任何技巧。由于破盒模型,IE5.5 使事情变得更加棘手,但我认为现在在大多数情况下我们几乎可以算出它。

于 2008-08-25T14:34:18.667 回答
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;
}
于 2008-08-25T14:36:28.287 回答
0

我和伊莱在一起。针对 firefox 编写(安装了 firebug)使您必须首先编写“更兼容”的代码,然后当您使其与 IE 兼容时,它的工作就更少了。

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

于 2008-08-25T14:41:45.327 回答
0

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

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

于 2008-08-25T23:16:03.033 回答