我对网络开发还不熟悉,如果这很明显,请原谅我。我创建了一个在Chrome和Mozilla上看起来不错的网站,但看起来我无法让IE版本以与其他版本相同的速率/高度滚动。虽然我声明高度为6000像素,但我只能向下滚动到1700,如果你想看到它,我可以在控制台中输出。
看看: http://nick-barth.com/lindylongcon/
如果您碰巧发现我的无数错误,请随时提及!
谢谢你, 尼克巴特
答案 0 :(得分:1)
正如我们在评论中所讨论的那样,IE版本之间存在重大差异。 IE6到8被认为是传统浏览器,而IE9和更高版本更符合标准的新Web技术(例如,仅使用IE10输入css3支持)。
当你说使用不同的版本看起来一样时,我立即怀疑它与quirks mode有关。怪癖模式是一种允许支持旧版浏览器的技术。如果您不使用<!DOCTYPE html>
,它是IE的默认模式。通过将其添加到页面顶部,您要对IE使用“标准模式”(并查看我提到的链接,以获取有关不同类型的DOCTYPE及其含义的详细信息)。
它还极大地解释了为什么你会看到width: 100%
的css属性出现这样一个特定问题,引用wiki文章(强调我的):
怪癖和标准模式之间的一个显着区别是 处理CSS Internet Explorer盒模型错误。版本6之前, Internet Explorer使用算法来确定宽度 元素的框与CSS中详述的算法冲突 规范,并由于Internet Explorer的流行许多页面 创建了依赖于这种非标准算法的。 截至 版本6,Internet Explorer使用CSS规范的算法 在标准模式下渲染并使用之前的非标准模式 在怪癖模式下渲染时的算法。
今天,使用less than 5 percent usage of legacy browsers(也支持更新的宽度算法,因为它是在现在非常老的IE6中引入的),你可能不需要使用quirks模式,但它有助于知道为什么添加doctype很重要(而不是盲目地做)。