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

===============>>#1 票数:4

使用css reset可以跨浏览器调整字段。 YUI和Eric Meyer都很好。

===============>>#2 票数:3 已采纳

如果你们还在编写IE6代码,你就犯了一个错误。

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

链接: IE7.js

===============>>#3 票数:0

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

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

===============>>#4 票数:0

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

我以前在Javascript差异方面遇到了更多问题,但在我开始使用Javascript库(例如jQuery)之后,我就停止了任何严重的问题。

===============>>#5 票数:0

填充。

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

===============>>#6 票数: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;
}

===============>>#7 票数:0

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

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

===============>>#8 票数:0

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

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

  ask by BillSaysThis translate from so

未解决问题?本站智能推荐:

1回复

CSS在Firefox,Chrome和IE中的功能不同

这与我网站上的徽标有关。 我希望徽标中的怪物看起来好像位于辅助菜单上,因此我添加了以下代码。 这就是我想要的效果: http : //i.imgur.com/5BMUMSF.png 但是,尽管这在chrome中效果很好。 它在firefox和IE中效果不佳。 有人可以帮忙吗?
1回复

Firefox和IE无法修改cssRules

我需要更改现有的全局CSS规则,然后访问document.styleSheets ,获取我的规则并进行修改。 我通过访问selectorText属性来修改选择器 。 CSS代码 JavaScript代码 我的问题是,在所有版本的Firefox和Internet Exp
1回复

CSS:在Firefox,IE中替代-webkit-line-clamp

我正在尝试使用text-overflow: ellipsis;截断长文本text-overflow: ellipsis; 属性。 我试过了 小提琴: http : //jsfiddle.net/TReRs/354/ 在chrome中可以正常工作,但是-webkit-line-c
1回复

ul li元素在IE中比firefox有更多的空间

我在IE7和Firefox中遇到互操作性问题。 在IE中,li元素的高度要比Firefox高。 以下是附图,以便更清晰。 http://img225.imageshack.us/i/interop.jpg/ html和CSS的代码: 请让我知道这里缺少什么。 任何帮
1回复

CSS-表格单元格div在Firefox和IE中超出屏幕范围

我有一个由div与display: table style组成的响应式布局。 布局由多个div表组成,其中一个具有一个overflow-y: scroll div overflow-y: scroll的div overflow-y: scroll当内容过多时overflow-y: scroll
3回复

在div中留下的浮点在IE7中不起作用,但在Firefox和IE8中起作用

当我有三个div都悬空时,我希望这些部分根据它们内部数据的长度来扩展或收缩。 例如,如果第一个地址很长,我希望第一个框展开并推动第二个框。 在Firefox中它正在这样做,但在Internet Explorer中它需要一个宽度看起来正确。 在IE7中,它根本不显示 - 每个div都有一
1回复

如何为相同的班级获得相同的按钮和href大小?

我在html中有这样简单的形式: 而且我有这样的CSS: 但是怎么了 在firefox中,即7 a得到以下信息:a和输入(提交)的高度不同,sumbit较大,a较小。 请帮帮我。 参见http://jsfiddle.net/TxQpN/14/可以使用FF,但不能在IE7
7回复

构建跨浏览器兼容站点的时间顺序是什么? [关闭]

我正在开发我的第一个项目,需要我担心跨浏览器的兼容性。 由于这是我第一次这样做,我不知道如何完成项目。 我特别担心IE。 我应该在一个更优雅的浏览器中完成我的项目然后破解它在IE中工作,还是我应该同时在两个环境中构建我的程序?
2回复

IE中的CSS看起来很糟糕

我在IE中遇到CSS问题 该页面在Firefox,Chrome,Opera ....中看起来不错。但是在IE上,“日期栏”与第一个<li>栏重叠 此处: http : //www.animefushigi.com/latest-episodes CSS如下:
9回复

什么是Firefox的CSS过滤器替代品?

我正在使用CSS过滤器在浏览器中动态修改图像。 这些在Internet Explorer中完美运行,但在Firefox中不受支持。 有谁知道这些针对Firefox的CSS Filter相当于什么? 一个可以跨浏览器工作的答案(Safari,WebKit,Firefox等)将是首选。