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