Web开发浏览器使用,以及如何思考?

时间:2013-10-23 12:49:35

标签: html css cross-browser

我是一名在小型项目中工作的网站开发人员。

在最新的Chrome版本中进行开发似乎真的很不错。一切看起来都不错,但是在Internet Explorer 7和8中查看网站时,网站实际上根本没有使用布局。

这是我正在处理的网站: http://norcross.se/historiskmiljo.html

IE 7& 8给我这个响应,运行带有ie6-9安装的VirtualBox: http://cl.ly/image/1X0y011p2X3x

生活有时可能很残酷,但我没想到这一点。背景大小:封面 - 我知道。我确实期望 - 但其他每一个元素都让整个网站变得如此不吸引人。

这怎么可能?我不知道如何采用从现代Chrome浏览器到IE 8的外观(IE 7的比例很小,并且被其他全球网站遗忘)。

你对我有任何提示吗?这样我才明白为什么会这样? 我想拯救这个项目,并了解如何在我的下一个项目中采取行动。

感谢任何可以让我感到平静的输入,因为现在我谴责自己处于这个位置。这个传统广告公司中没有人能够掌握我必须处理的事情; /

2 个答案:

答案 0 :(得分:1)

真正的问题应该是“我在哪里划线?”实际上,您可以创建页面/模块/操作的单独版本......但这需要时间(有时根本无法完成)。

旧的浏览器正在逐渐消失,令我高兴的是,有些浏览器正在积极运行。微软正试图杀死IE6,因为他们非常讨厌它,就像我们其他人一样! http://www.ie6countdown.com/

你需要决定是否值得追求与旧版浏览器的兼容性,以及告诉用户他们的浏览器已经过时的可能替代方案(这个小脚本非常棒http://browser-update.org/)。

如果您绝对不能妥协,并且必须与旧浏览器兼容,则需要进行计算牺牲和/或在graceful degradation中投入大量精力。

答案 1 :(得分:0)

您的IE问题是因为浏览器进入Quirks模式。 (您可以通过按F12转到开发工具并检查模式来确认;您会看到它显示“浏览器模式:怪癖”)。

如果您没有有效的DOCTYPE,或者浏览器无法识别您的doctype,则会触发Quirks模式。

在这种情况下,问题是尽管你有doctype,但在doctype之前你也有一些代码 - 这就是导致它破坏的原因。

doctype必须是页面上的第一件事。在doctype之前必须没有注释甚至空格,否则可能无法识别。

解决方案:删除(或移动)代码顶部的评论。