2

有没有人花了几个小时来让他们的应用程序的 UI 在所有浏览器中正确呈现?

当简单的样式倾向于在一个浏览器中工作而不是在其他浏览器中工作时,您如何解决挫败感......并且在一天结束时您发明了处理它的黑客(在某些情况下也不会发生),只是在浪费您的时间之后?

我将等待所有浏览器都遵循相同标准的那一天,直到那时我(和其他人)可以从经常这样做的人的一些建议中学习。

4

8 回答 8

6

我在 Firefox 中设计,然后在 IE 中进行测试,而不是相反。FireFox 更严格,所以如果它在那里工作,它更有可能在 IE 中工作。省去了一点挫败感……

于 2008-11-26T12:45:37.697 回答
4

不要强调,它没用,而且我认为没有人会看到所有浏览器都遵循相同的标准。

我靠什么生存?

我在 Linux 中使用 Firefox 进行开发。我已经安装了 WebDev 插件(https://addons.mozilla.org/es-ES/firefox/addon/60)使CSS设计更容易。

当我的 Web 应用程序即将完成时,我在 IE6 和 IE7 中尝试它(在 Linux 中使用 wine)。然后,我为它们中的每一个创建一个新样式表,并使用 IE-conditional-comments 加载它(http://www.quirksmode.org/css/condcom.html)并开始一个一个地进行更改,直到设计在两个浏览器中都可以。

对于其他浏览器(Opera、Safari、Galeon...),FF 下的设计可以正常工作。

最后,我有三个 CSS:一个用于 IE6,一个用于 IE7,一个(原始、有效和正确的一个)用于其他浏览器。

我认为这是一种比在正确的 CSS 中编写数十个 hack 更好的方法,并且对未来更加灵活(IE8 ...)

于 2008-11-26T12:58:07.220 回答
1

今天你可以在标准模式下编码,只需要担心 IE6 的缺点,与 IE5 相比,这些缺点很少。当然,当 IE7 成为基准时,我们都会很高兴,但与昨天相比,创作很容易。没有更多的盒子模型黑客,对于一个......

奢华。在我的日子里,我们必须在 -30px 的空白处起床,用我们的纯文本编辑器清理 <​图层,每天花 20 个小时在服务器日志上嗅探 IE3,然后当我们回到家时到我们的盒子——我说“盒子”,它更像是一个嵌套在另外三个 <表> 中的 <表>——我们 Netscape 4 会通过崩溃来杀死我们的页面,并将我们发送到脚本 int'coal scuttle。

你试着告诉今天的网页设计师......他们不会相信你的。

于 2008-11-26T13:11:15.010 回答
1

我建议囤积瓷器(不太贵)并将其存放在您的工作站可以触及的地方。

于 2008-11-26T12:45:37.090 回答
1

我总是使用 Safari 和 Firefox 进行开发,如果我想改变一下,偶尔也会使用 Opera。但我总是——总是!检查对 IE 的每个更改。所有这三个 - IE6、7 和 8。我为此使用IETester

立即捕获那些讨厌的错误会让你的生活变得更好,而不是在你完成工作后才第一次打开 IE。然后,几乎不可能回溯并弄清楚到底哪里出了问题。

我使用条件注释为每个 IE 提供单独的 CSS(有时是 javascript)。是的,还有IE8。它仍然不存在。顺便说一句,不要盲目地期望 Opera 可以工作,即使它在 Firefox/WebKit 中很好用。

所以,永远不要在 IE 中设计。并为 Firefox获取 Firebug。这是为网络开发人员制作的最好的插件。

于 2009-05-21T17:21:41.503 回答
1

我从 Yahoo 的reset / base CSS 文件开始(它们很小)。从第一天起,它们就使浏览器之间的样式保持一致。然后,当我添加自定义样式时,它们通常在所有浏览器中都受到好评并且保持一致。

当然,你仍然需要偶尔的破解这个和那个。

于 2009-05-21T17:24:59.923 回答
0

去访问www.quirksmode.org,总是对我有帮助。

于 2008-11-26T14:21:43.307 回答
0

你接受它,从中学习,并通过几年的实践知道什么时候该做什么。

除了 IE 之外,每一个现代浏览器都几乎毫无特色,除了最奇特的。因此,保持简单。使用 firebug 对 firefox 进行迭代构建。很好地概念化对象,坚持标准。当您准备好进行修复 IE 所需的黑客攻击时。永远不要从 IE 退步。

99% 的时间你应该能够修复 IE,只考虑盒子模型和浮动问题。不要犯回到桌子上的错误。

CSS 真的很禅。

于 2008-11-26T12:50:15.100 回答