2011-06-22 52 views
4

当我为IE v8包含<!DOCTYPE HTML>对话框打开时具有相同的大小,但页面的布局受到干扰 任何建议如何防止网页布局的变化?<!DOCTYPE HTML> for IE

+1

你有一个文档类型吗? – Spudley

+0

http://10kdev.ivystreetinc.com/581/ie8-not-loading-backbonejslesscss-application ...这个链接报告IE8的doctype问题,并为它修复。 – 2013-03-08 15:07:38

回答

2

指定文档如<!DOCTYPE html>是件好事。

如果指定的doctype,IE会回落到渲染“怪癖模式”,这基本上是一个向后兼容性模式呈现的页面,因为它会一直与IE5.5及更早版本。

IE6以来的所有版本都支持doctype作为触发标准模式的机制。这意味着布局将使用正确的规则呈现,并且在其他浏览器中应该看起来相同。

如果在添加文档类型时布局发生变化,这意味着您的页面已从怪癖模式切换到标准模式。你不能阻止它改变布局;如果它在怪癖模式下看起来正确并且在标准模式下被破坏,那么它就是错误并且需要修复的布局。

您应该调整您的布局以使用标准模式。您还应该在其他浏览器中测试该页面。

4

如果您没有doctype标签,页面将以怪癖模式呈现。这意味着它试图与古代版本的浏览器兼容,对于IE而言,这意味着它使用non-standard box model

当您添加doctype标签时,页面将以标准符合模式呈现,其中浏览器尽可能地遵循Web标准。

如果您在IE中设计了Quirks模式的页面,很可能您已经利用了IE中的一些渲染错误。这意味着它不会像您期望的那样在任何其他浏览器或标准合规模式下呈现。